*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;background:#07111e;color:#f4f7fb}body{padding-bottom:76px}.app{max-width:720px;margin:auto;min-height:100vh;background:linear-gradient(180deg,#081523,#0b1725)}.top{height:78px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203044}.brand{display:flex;align-items:center;gap:11px}.logo{width:42px;height:42px;border-radius:13px;background:#159cff;display:grid;place-items:center;font-size:23px;font-weight:800}.brandName{font-size:25px;font-weight:800}.brandName span{color:#159cff}.sub{font-size:11px;color:#91a3b7}.profile{width:43px;height:43px;border-radius:50%;border:1px solid #30445a;background:#122337;display:grid;place-items:center}.hero{position:relative;margin:18px;padding:25px 22px;min-height:180px;border-radius:24px;overflow:hidden;border:1px solid #213b54;background:linear-gradient(135deg,#10263a,#0b1827)}.hero>div:first-child{max-width:78%;position:relative;z-index:2}.eyebrow{font-size:11px;color:#35aaff;font-weight:700;letter-spacing:2px}.hero h1{font-size:30px;margin:8px 0}.hero p{color:#b6c5d5;line-height:1.45;margin:0;font-size:15px}.mark{position:absolute;right:24px;bottom:22px;font-size:70px;font-weight:900;color:#159cff33}.ready{margin:0 18px 22px;padding:16px;border-radius:17px;background:#10283d;border:1px solid #1e4d70;display:flex;gap:13px;align-items:center}.check{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#159cff;font-weight:800}.ready b{font-size:17px}.ready small{display:block;margin-top:4px;color:#9fb2c5}.section{padding:0 18px 30px}.section h2{font-size:18px;margin:0 0 12px}.empty{border:1px dashed #34516b;border-radius:20px;padding:34px 20px;text-align:center;background:#0d1c2c}.star{font-size:34px;color:#159cff;margin-bottom:8px}.empty b{display:block;font-size:20px}.empty small{display:block;color:#8fa3b8;margin-top:7px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);height:70px;display:flex;justify-content:space-around;align-items:center;background:#091624ee;border-top:1px solid #22364b;backdrop-filter:blur(12px)}nav button{border:0;background:transparent;color:#8295aa;font-size:22px;min-width:72px;height:58px}nav button.active{color:#18a0ff}nav small{display:block;font-size:10px;margin-top:3px}