:root{--bg:#031d18;--bg2:#063a2d;--panel:#0a4537;--card:#0d5140;--card2:#0b3f33;--text:#f4fff9;--muted:#a9c9bd;--mint:#dfffee;--gold:#ffd76a;--lime:#b8f56b;--line:rgba(255,255,255,.13);--shadow:0 22px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 0,#145b45 0,#062f25 34%,#021914 78%);color:var(--text);min-height:100vh}button{font:inherit;color:inherit}#app{min-height:100vh}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:15px max(18px,calc((100% - 960px)/2));background:rgba(3,29,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:left;cursor:pointer}.brand-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#d9ff89,#54d99b);color:#07382b;font-size:25px;box-shadow:0 10px 25px rgba(0,0,0,.22)}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--muted);margin-top:3px;font-weight:700}.lang-toggle{border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#174f40,#0b382e);border-radius:999px;padding:12px 17px;font-weight:900;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.18)}.page{width:min(960px,100%);margin:auto;padding:28px 20px 56px}.home{padding-top:34px}.hero{position:relative;overflow:hidden;padding:38px 32px;border-radius:32px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(19,92,69,.98),rgba(5,48,38,.98));box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(255,215,106,.24),transparent 65%)}.hero-kicker,.eyebrow,.section-head span,.q-label{letter-spacing:.22em;font-weight:1000;color:#a9efc6;font-size:12px}.hero h1{font-size:clamp(34px,7vw,62px);line-height:.98;letter-spacing:-.05em;margin:12px 0}.hero p{margin:0;color:#c5dfd4;font-size:17px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:32px 4px 14px}.section-head b{color:var(--gold);font-size:13px}.year-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.year-card,.topic-card{position:relative;text-align:left;border:1px solid var(--line);border-radius:25px;padding:25px 58px 24px 25px;background:linear-gradient(145deg,#0e5945,#07392f);box-shadow:0 14px 32px rgba(0,0,0,.2);cursor:pointer;transition:.2s}.year-card:hover,.topic-card:hover,.all-card:hover{transform:translateY(-3px);border-color:rgba(255,215,106,.55)}.year-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;border-radius:25px 0 0 25px;background:var(--accent)}.y1{--accent:#ff77b7}.y2{--accent:#ffd76a}.y3{--accent:#69d8ff}.y4{--accent:#ad8aff}.y5{--accent:#ff9b6c}.y6{--accent:#5ee9ae}.year-no,.topic-num{display:block;color:var(--accent,var(--lime));font-weight:1000;letter-spacing:.15em;font-size:12px}.year-card strong{display:block;font-size:25px;margin:9px 0 6px}.year-card small,.topic-card small{color:var(--muted);font-weight:700}.arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:32px;color:#90c0af}.back{border:0;background:none;color:#b9ddcf;font-weight:900;padding:8px 0;cursor:pointer}.title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:18px 0}.title-row h2{font-size:48px;margin:8px 0 4px;letter-spacing:-.05em}.title-row p{color:var(--muted);margin:0}.mini-badge{width:88px;height:88px;border-radius:25px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#e0ff8b,#5edca0);color:#07382b;font-weight:1000;font-size:22px;line-height:.9;box-shadow:var(--shadow)}.mini-badge span{font-size:9px;letter-spacing:.15em}.all-card{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin:8px 0 17px;padding:23px 25px;border-radius:25px;border:1px solid rgba(255,215,106,.25);background:linear-gradient(145deg,#154f3e,#0b3a30);box-shadow:0 14px 32px rgba(0,0,0,.18);cursor:pointer}.all-card span{display:block;color:var(--gold);font-size:11px;letter-spacing:.18em;font-weight:1000}.all-card strong{display:block;font-size:23px;margin:6px 0}.all-card small{color:var(--muted);font-weight:700}.all-card>b{font-size:30px;color:var(--gold)}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.topic-card{--accent:#8fe8b5}.t2{--accent:#ffd76a}.t3{--accent:#69d8ff}.t4{--accent:#ff91bd}.t5{--accent:#ae8cff}.t6{--accent:#ffad76}.t7{--accent:#73e4d2}.t8{--accent:#e9db73}.t9{--accent:#77bcff}.t10{--accent:#ff8d8d}.topic-card strong{display:block;font-size:19px;line-height:1.18;margin:9px 0 7px}.quiz-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:18px}.crumb{text-align:center;font-weight:1000}.qcount{text-align:right;font-size:24px;font-weight:1000;color:var(--gold)}.qcount span{font-size:14px;color:var(--muted)}.question-card{border:1px solid rgba(255,255,255,.13);border-radius:31px;padding:29px 25px 36px;background:linear-gradient(145deg,#10513f,#07362b);box-shadow:var(--shadow);text-align:center}.topic-pill{display:inline-block;padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,#e2ff8d,#6ee0a4);color:#174a32;font-weight:1000}.q-label{margin-top:28px}.question-card h2{font-size:clamp(25px,5vw,40px);line-height:1.22;margin:14px auto 0;max-width:790px}.answers{display:grid;gap:14px;margin-top:18px}.answer{display:flex;align-items:center;gap:17px;text-align:left;width:100%;padding:18px 19px;border:1px solid rgba(255,255,255,.12);border-radius:21px;background:linear-gradient(145deg,#0e4a3a,#0a392e);box-shadow:0 10px 24px rgba(0,0,0,.15);cursor:pointer;transition:.18s}.answer:hover{transform:translateY(-2px);border-color:rgba(255,215,106,.4)}.answer span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:1000;font-size:20px;color:#07382b;background:var(--accent);flex:0 0 auto}.aA{--accent:#ff92bc}.aB{--accent:#75d9ff}.aC{--accent:#ffda6d}.aD{--accent:#8de5ad}.answer b{font-size:18px;line-height:1.38}.feedback{margin-top:16px;padding:18px 20px;border-radius:19px;font-weight:1000}.good{background:rgba(92,235,157,.13);color:#91f3bb;border:1px solid rgba(92,235,157,.3)}.bad{background:rgba(255,120,140,.11);color:#ff9aa8;border:1px solid rgba(255,120,140,.25)}.next{width:100%;margin-top:12px;border:0;border-radius:21px;padding:18px;background:linear-gradient(100deg,#d7ff72,#57e0a1);color:#07382b;font-weight:1000;font-size:18px;cursor:pointer;box-shadow:0 13px 30px rgba(74,216,145,.2)}@media(max-width:650px){.topbar{padding:12px 15px}.brand-icon{width:48px;height:48px}.brand b{font-size:17px}.brand small{font-size:12px}.lang-toggle{padding:10px 13px}.page{padding:22px 16px 42px}.hero{padding:30px 23px}.hero h1{font-size:35px}.hero p{font-size:14px}.year-grid,.topic-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:8px;flex-direction:column}.title-row h2{font-size:39px}.quiz-head{grid-template-columns:auto 1fr auto}.crumb{font-size:13px}.question-card{padding:24px 18px 30px}.question-card h2{font-size:27px}.answer{padding:15px}.answer span{width:45px;height:45px}.all-card strong{font-size:20px}}

/* V21: year cards and premium spacing */
.year-card{min-height:174px;padding:28px 64px 25px 28px}
.year-label{display:block;color:var(--accent);font-size:21px;font-weight:1000;letter-spacing:.16em;margin-bottom:10px}
.year-card strong{display:block;font-size:16px!important;line-height:1.15;color:#d8f5e8;font-weight:800;letter-spacing:.01em;margin:0}
.year-card small{display:block;margin-top:18px}
.topic-page .topic-grid{margin-bottom:0}
.topic-page .all-card{margin-top:20px}
@media(max-width:650px){.year-card{min-height:158px;padding:25px 58px 22px 24px}.year-label{font-size:19px}.year-card strong{font-size:15px!important}.year-card small{margin-top:16px}}

/* V22 — requested hierarchy: Year large, Science Adventure small */
.year-card{min-height:185px;padding:29px 66px 25px 28px;overflow:hidden}
.year-label{display:block;color:var(--accent);font-size:29px!important;line-height:1;letter-spacing:.14em;font-weight:1000;margin-bottom:14px!important}
.year-card strong{display:block;font-size:15px!important;line-height:1.2;color:#d8f5e8;font-weight:800;opacity:.86;letter-spacing:.015em;margin:0}
.year-card small{display:block;font-size:14px;margin-top:18px;color:var(--muted);font-weight:700}
.year-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:38px;color:#8ed9bd}
.topic-page .topic-grid{margin-bottom:22px}
.topic-page .all-card{margin-top:0}
@media(max-width:650px){.year-card{min-height:165px;padding:25px 58px 22px 24px}.year-label{font-size:27px!important;margin-bottom:11px!important}.year-card strong{font-size:14px!important}.year-card small{font-size:13px;margin-top:15px}}

/* V30 — final hierarchy */
.year-card{min-height:188px;padding:30px 70px 25px 30px}
.year-label{display:block!important;font-size:34px!important;line-height:1!important;letter-spacing:.10em!important;font-weight:1000!important;margin-bottom:9px!important;color:var(--accent)!important}
.year-card .year-brand{display:block!important;font-size:13px!important;line-height:1.15!important;font-weight:800!important;opacity:.74!important;letter-spacing:.05em!important;margin:0!important;color:#d8f5e8!important;text-transform:none!important}
.year-card small{display:block;font-size:14px!important;margin-top:19px!important}
.topic-page .topic-grid{margin-bottom:18px!important}
.topic-page .all-card{margin-top:0!important}
@media(max-width:650px){
 .year-card{min-height:162px;padding:25px 58px 22px 24px}
 .year-label{font-size:29px!important;margin-bottom:8px!important}
 .year-card .year-brand{font-size:12px!important}
 .year-card small{font-size:13px!important;margin-top:15px!important}
}