@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#071639;--blue:#0b62ff;--blue2:#346dff;--green:#16a34a;--purple:#6d36e8;--ink:#071329;--muted:#66728a;--line:#e9eef7;--bg:#eef7ff;--card:#fff;--shadow:0 18px 55px rgba(20,42,80,.12);--soft:0 8px 25px rgba(20,42,80,.10);}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#eaf5ff,transparent 32%),linear-gradient(135deg,#f7fbff 0%,#eef7ff 45%,#f8fffb 100%);color:var(--ink);min-height:100vh} a{text-decoration:none;color:inherit} button{font-family:inherit}.wrap{max-width:460px;margin:0 auto;min-height:100vh;background:rgba(255,255,255,.82);box-shadow:0 0 70px rgba(6,25,58,.08);position:relative;padding:22px 16px 104px;border-left:1px solid rgba(255,255,255,.7);border-right:1px solid rgba(255,255,255,.7)}
.header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.logo{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#061238,#0a2258);display:grid;place-items:center;color:white;box-shadow:0 10px 28px rgba(6,18,56,.24);font-size:28px}.titleBox{flex:1}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#4a5874;text-transform:uppercase}.title{font-size:25px;line-height:1.04;font-weight:900;letter-spacing:-.04em;color:#071236}.bell{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--soft);font-size:22px;position:relative}.bell:after{content:'';width:8px;height:8px;border-radius:50%;background:var(--blue);position:absolute;right:9px;top:8px;border:2px solid #fff}
.hero{border-radius:20px;overflow:hidden;min-height:205px;background:linear-gradient(145deg,#050d2d 0%,#08215a 48%,#0b4aa5 100%);color:white;padding:24px 20px;position:relative;box-shadow:0 18px 35px rgba(9,32,82,.22);margin-bottom:14px}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 25%,rgba(97,168,255,.35),transparent 23%),radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 2px),radial-gradient(circle at 43% 38%,rgba(255,255,255,.24),transparent 2px);opacity:.9}.mountain{position:absolute;right:-10px;bottom:0;width:64%;height:78%;clip-path:polygon(54% 0,100% 100%,0 100%);background:linear-gradient(135deg,#f7fbff 0 13%,#77a7e6 14% 23%,#194b91 24% 54%,#061b44 55%);opacity:.96}.mountain:before{content:'';position:absolute;left:30%;top:10%;width:7px;height:72%;border-left:3px dashed rgba(255,255,255,.75);transform:rotate(-22deg);border-radius:999px}.mountain:after{content:'⚑';position:absolute;left:50%;top:-2%;font-size:24px;color:white}.target{position:absolute;right:23px;top:28px;width:66px;height:66px;border-radius:50%;border:3px solid rgba(145,190,255,.3)}.target:before{content:'';position:absolute;inset:12px;border:3px solid rgba(145,190,255,.48);border-radius:50%}.target:after{content:'➜';position:absolute;right:5px;top:-13px;font-size:38px;color:#b9d7ff;transform:rotate(-40deg)}.hero h1{position:relative;margin:0 0 13px;font-size:30px;line-height:1.05;letter-spacing:-.04em;font-weight:900;max-width:245px}.hero p{position:relative;margin:0;color:rgba(255,255,255,.9);line-height:1.48;font-size:15px;font-weight:500;max-width:242px}.hero .cyan{color:#76eaff;margin-top:8px}.cta{position:relative;margin-top:18px;border:0;border-radius:999px;background:linear-gradient(135deg,#2669ff,#684cff);color:#fff;font-weight:800;padding:12px 18px;box-shadow:0 14px 22px rgba(34,90,255,.28);display:inline-flex;gap:8px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.subject{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 12px;box-shadow:var(--soft);min-height:118px}.round{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;margin-bottom:8px}.bio .round,.bio .bar span{background:var(--green)}.chem .round,.chem .bar span{background:var(--blue)}.phy .round,.phy .bar span{background:var(--purple)}.subject b{font-size:15px}.subject small{display:block;color:var(--muted);font-weight:600;margin-top:2px}.score{font-size:25px;font-weight:900;margin-top:5px}.bio .score{color:var(--green)}.chem .score{color:var(--blue)}.phy .score{color:var(--purple)}.bar{height:6px;background:#e9edf3;border-radius:999px;margin-top:9px;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;width:55%}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft);padding:16px;margin-top:14px}.cardHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.cardTitle{font-weight:900;font-size:18px;letter-spacing:-.03em}.muted{color:var(--muted)}.boardGrid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;align-items:center}.metric{border-right:1px solid var(--line);min-height:84px}.metric:last-child{border-right:0}.metricIcon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f9ef;color:var(--green);font-size:21px;margin-bottom:7px}.metric:nth-child(2) .metricIcon{background:#eaf2ff;color:var(--blue)}.metric small{font-weight:700;color:#35415a}.metric strong{display:block;font-size:27px;margin-top:6px}.up{color:var(--green);font-weight:900;font-size:13px}.chart{height:76px;position:relative;background:linear-gradient(180deg,#edf4ff,rgba(237,244,255,0));border-radius:10px;overflow:hidden}.chart svg{width:100%;height:100%}.tabs{display:flex;gap:9px;margin-top:14px;overflow-x:auto;padding-bottom:3px}.tab{border:0;background:#f2f4f8;color:#0b1635;font-weight:800;border-radius:999px;padding:12px 18px;min-width:max-content}.tab.active{background:var(--blue);color:#fff;box-shadow:0 10px 20px rgba(11,98,255,.22)}.sectionHead{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 10px}.sectionHead h2{font-size:21px;margin:0;font-weight:900;letter-spacing:-.04em}.link{color:var(--blue);font-weight:900}.task{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px 12px;margin-bottom:9px;box-shadow:0 8px 20px rgba(20,42,80,.07)}.taskIcon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;flex:0 0 auto}.num{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.task.bio .taskIcon{background:var(--green)}.task.chem .taskIcon{background:var(--blue)}.task.rev .taskIcon,.task.phy .taskIcon{background:var(--purple)}.task.bio .num{background:#e8f9ef;color:var(--green)}.task.chem .num{background:#eaf2ff;color:var(--blue)}.task.rev .num,.task.phy .num{background:#f0eaff;color:var(--purple)}.taskMain{flex:1}.taskTitle{font-weight:900;font-size:15px;line-height:1.22}.tag{display:inline-block;border-radius:999px;font-size:12px;font-weight:800;padding:3px 8px;margin-top:6px}.bio .tag{background:#e8f9ef;color:var(--green)}.chem .tag{background:#eaf2ff;color:var(--blue)}.rev .tag,.phy .tag{background:#f0eaff;color:var(--purple)}.time{font-size:12px;font-weight:700;color:var(--muted);margin-left:8px}.mockLink{color:var(--blue);font-weight:900;font-size:12px;white-space:nowrap}.bottomNav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(460px,100%);background:rgba(255,255,255,.94);border-top:1px solid var(--line);box-shadow:0 -12px 34px rgba(20,42,80,.1);border-radius:24px 24px 0 0;padding:10px 16px 16px;display:grid;grid-template-columns:repeat(4,1fr);z-index:20;backdrop-filter:blur(18px)}.navItem{display:flex;flex-direction:column;align-items:center;gap:4px;color:#38435b;font-weight:800;font-size:12px}.navItem i{font-style:normal;font-size:24px}.navItem.active{color:var(--blue)}.pageTitle{font-size:25px;font-weight:900;margin:6px 0 14px}.qCard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:var(--soft)}.qMeta{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:8px}.qText{font-size:19px;font-weight:900;line-height:1.25;margin-bottom:14px}.option{display:block;width:100%;text-align:left;background:#fff;border:1px solid #dfe6f2;border-radius:14px;padding:13px;margin:9px 0;font-weight:800;color:#101b37;cursor:pointer}.option.correct{border-color:#16a34a;background:#ecfdf3}.option.wrong{border-color:#ef4444;background:#fff1f2}.explain{display:none;background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:12px;color:#39445d;font-weight:600}.nextBtn{width:100%;border:0;border-radius:15px;background:var(--blue);color:#fff;padding:14px;font-weight:900;margin-top:12px;display:none}.statRow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center;box-shadow:var(--soft)}.stat b{display:block;font-size:22px}.empty{background:#fff;border:1px dashed #cfd9eb;border-radius:18px;padding:22px;text-align:center;color:var(--muted);font-weight:700}.planItem{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;margin-bottom:10px;box-shadow:var(--soft)}.planItem b{font-size:16px}.planItem p{margin:6px 0 0;color:var(--muted);line-height:1.45;font-weight:600}@media(max-width:380px){.wrap{padding-left:12px;padding-right:12px}.hero h1{font-size:26px}.boardGrid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding-bottom:10px}.metric:last-child{border-bottom:0}.task{align-items:flex-start}.mockLink{display:none}.title{font-size:22px}.subject{padding:12px 9px}.grid3{gap:7px}}