@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap');
:root{--bg:#eff7ff;--ink:#07122f;--muted:#67738d;--line:#e8eef7;--blue:#075cff;--green:#10a551;--purple:#7538e8;--shadow:0 18px 50px rgba(20,40,80,.12);--soft:0 10px 26px rgba(20,40,80,.09)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 0%,#dcecff 0,transparent 34%),radial-gradient(circle at 96% 18%,#e6fff6 0,transparent 28%),linear-gradient(180deg,#f9fcff,#eff7ff)}a{text-decoration:none;color:inherit}button{font:inherit}
.app{width:100%;max-width:450px;margin:0 auto;min-height:100vh;background:rgba(255,255,255,.86);padding:22px 16px 108px;box-shadow:var(--shadow)}
@media(min-width:720px){.app{margin:14px auto;border-radius:38px;min-height:calc(100vh - 28px);border:1px solid rgba(255,255,255,.9)}}
.top{display:flex;align-items:center;gap:13px;margin-bottom:16px}.logo{width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#06133a,#0d2f78);display:grid;place-items:center;color:white;box-shadow:0 13px 35px rgba(5,20,70,.25);flex:none}.logo svg{width:32px;height:32px}.brand small{display:block;color:#43516d;font-size:12px;font-weight:900;letter-spacing:.08em}.brand h1{font-size:27px;line-height:1.05;margin:2px 0 0;font-weight:900;letter-spacing:-.055em}.bell{margin-left:auto;width:43px;height:43px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#1b2945;box-shadow:var(--soft);position:relative}.bell.dot:after{content:"";position:absolute;right:8px;top:7px;width:8px;height:8px;background:#075cff;border:2px solid #fff;border-radius:50%}
.hero{position:relative;overflow:hidden;min-height:214px;border-radius:25px;background:linear-gradient(135deg,#06133b,#0b318b 60%,#06183e);padding:24px 18px;color:#fff;box-shadow:0 20px 46px rgba(5,25,80,.25);margin-bottom:16px}.hero h2{position:relative;z-index:2;margin:0 0 12px;font-size:30px;line-height:1.03;font-weight:900;letter-spacing:-.055em;max-width:240px}.hero p{position:relative;z-index:2;margin:0;color:#edf3ff;font-size:13.6px;line-height:1.55;font-weight:700;max-width:242px}.hero .cyan{color:#7eeaff;margin-top:8px}.hero-btn{position:relative;z-index:3;display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:linear-gradient(135deg,#1475ff,#7258ff);color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;font-size:14px;box-shadow:0 13px 28px rgba(22,96,255,.32)}
.mountain{position:absolute;right:-4px;bottom:0;width:250px;height:170px}.mountain:before{content:"";position:absolute;right:0;bottom:0;width:235px;height:160px;background:linear-gradient(135deg,#1f5fbb,#07183e 76%);clip-path:polygon(53% 0,100% 100%,0 100%);filter:drop-shadow(-6px 8px 14px rgba(0,0,0,.24))}.mountain:after{content:"";position:absolute;right:91px;top:21px;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:60px solid #fff;clip-path:polygon(50% 0,100% 100%,68% 72%,55% 100%,40% 70%,0 100%)}.path{position:absolute;right:86px;bottom:26px;width:68px;height:105px;border-left:3px dashed rgba(255,255,255,.83);border-radius:60%;transform:rotate(-20deg)}.flag{position:absolute;right:104px;top:4px;width:2px;height:42px;background:#fff}.flag:after{content:"";position:absolute;top:0;left:2px;width:27px;height:17px;background:#fff;clip-path:polygon(0 0,100% 15%,70% 50%,100% 85%,0 100%)}.target{position:absolute;right:22px;top:27px;width:58px;height:58px;border:3px solid rgba(135,186,255,.45);border-radius:50%}.target:before{content:"";position:absolute;inset:10px;border:3px solid rgba(135,186,255,.45);border-radius:50%}.target:after{content:"";position:absolute;inset:23px;background:#d7e8ff;border-radius:50%}.target i{position:absolute;width:45px;height:4px;background:#d7e8ff;right:-6px;top:7px;transform:rotate(-35deg);border-radius:9px}.target i:after{content:"";position:absolute;right:-5px;top:-5px;border-left:14px solid #d7e8ff;border-top:7px solid transparent;border-bottom:7px solid transparent}
.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft);padding:14px 10px 13px;min-height:146px}.round{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:white;margin-bottom:11px;box-shadow:inset 0 -8px 16px rgba(0,0,0,.13)}.round svg{width:25px;height:25px}.bio{background:linear-gradient(135deg,#16bd61,#0b9342)}.chem{background:linear-gradient(135deg,#2387ff,#075ce5)}.phy{background:linear-gradient(135deg,#8b5cf6,#6330df)}.card h3{font-size:14px;margin:0;font-weight:900;letter-spacing:-.03em}.card small{display:block;margin:4px 0 7px;color:var(--muted);font-weight:750}.card b{font-size:25px;font-weight:900}.green{color:var(--green)}.blue{color:var(--blue)}.purple{color:var(--purple)}.bar{height:5px;background:#e9edf4;border-radius:999px;margin-top:10px;overflow:hidden}.bar span{display:block;height:100%;width:48%;background:currentColor;border-radius:999px}
.panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--soft);padding:16px;margin-bottom:14px}.ptitle{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900;letter-spacing:-.04em;margin-bottom:15px}.ptitle .right{margin-left:auto;font-size:12px;color:#34415f;font-weight:850}.stats{display:grid;grid-template-columns:.95fr .9fr 1.25fr;gap:10px}.stat{border-right:1px solid var(--line);min-height:88px;padding-right:8px}.stat:last-child{border:0}.stat small{font-weight:850;font-size:11px;color:#1d2843;line-height:1.25}.stat strong{display:block;font-size:29px;margin-top:8px;font-weight:900}.stat strong em{font-style:normal;font-size:15px;color:#69748c}.up{font-size:12px;color:#0d9f4e;font-weight:900;margin-top:4px}.chart svg{width:100%;height:76px}.ct{font-size:11px;font-weight:900;margin-bottom:3px}
.tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:3px 0 17px}.tabs::-webkit-scrollbar{display:none}.tabs a{min-width:73px;text-align:center;border-radius:999px;padding:11px 12px;background:#f1f3f7;font-size:12px;font-weight:900}.tabs a.active{background:#075cff;color:white;box-shadow:0 10px 22px rgba(7,92,255,.25)}
.headline{display:flex;align-items:center;gap:10px;margin:16px 0 11px}.headline h2{font-size:20px;margin:0;font-weight:900;letter-spacing:-.04em}.headline a{margin-left:auto;color:#075cff;font-weight:900;font-size:13px}.task{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft);padding:12px;margin-bottom:10px}.taskicon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:white;flex:none}.taskicon svg{width:26px;height:26px}.num{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e7f8ee;color:#0a9d49;font-size:13px;font-weight:900;flex:none}.ttext{flex:1;min-width:0}.tname{font-size:13.5px;font-weight:900;line-height:1.25;letter-spacing:-.025em}.meta{display:flex;align-items:center;gap:9px;margin-top:7px;color:#65718a;font-size:11.5px;font-weight:800}.tag{padding:4px 8px;border-radius:999px;background:#e7f8ee;color:#0a9d49}.tag.chem{background:#eaf2ff;color:#075cff}.tag.rev{background:#f0eaff;color:#6f39e7}.mocklink{color:#075cff;font-size:11.5px;font-weight:900;white-space:nowrap}
.bottom{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);max-width:420px;width:calc(100% - 24px);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border:1px solid rgba(226,234,245,.92);border-radius:27px;box-shadow:0 18px 48px rgba(12,31,72,.18);padding:11px 9px;z-index:50}.nav{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:900;color:#2c3852}.nav svg{width:25px;height:25px}.nav.active{color:#075cff}
.qbox,.result,.note{background:white;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--soft);margin-bottom:14px}.qmeta{font-size:12px;color:#66728a;font-weight:900;margin-bottom:7px}.qtext{font-size:20px;font-weight:900;line-height:1.28;letter-spacing:-.035em}.opt{width:100%;text-align:left;padding:14px;border:1px solid #e5ecf6;background:white;border-radius:16px;margin-top:10px;font-weight:850;color:#101a35}.opt.correct{background:#e8fff1;border-color:#18a957}.opt.wrong{background:#fff0f1;border-color:#ef4444}.explain{display:none;margin-top:12px;border-radius:16px;background:#f5f8ff;padding:13px;color:#43506a;font-weight:700;font-size:13px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;padding:13px 17px;background:#075cff;color:white;font-weight:900;cursor:pointer}.btn.light{background:#eef4ff;color:#075cff}.row{display:flex;gap:10px}.row>*{flex:1}.result{text-align:center;display:none}.big{font-size:42px;font-weight:900}.tip{background:#eff6ff;border:1px solid #dbeafe;color:#1e3a8a;border-radius:18px;padding:13px;font-size:13px;font-weight:750;line-height:1.5;margin:10px 0}