@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#004845;--black:#050807;--panel:rgba(5,18,17,.72);--line:rgba(0,255,224,.22);--glow:#00FFE0;--orange:#F7931A;--text:#f5fffd;--muted:rgba(245,255,253,.72);--faint:rgba(245,255,253,.52);--radius:8px;--max:1080px}*{box-sizing:border-box}body.curriculum-page{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 12%,rgba(0,255,224,.12),transparent 32rem),linear-gradient(145deg,var(--bg),var(--black));color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.course-shell{min-height:100vh;display:flex;flex-direction:column}.course-header{position:sticky;top:0;z-index:10;background:rgba(0,24,22,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.course-nav{max-width:var(--max);margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.course-logo{margin-right:auto;color:var(--text);font-weight:800;text-decoration:none}.course-logo span{color:var(--orange)}.course-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.course-links a,.course-button{border:1px solid transparent;border-radius:var(--radius);color:var(--muted);font-size:.9rem;font-weight:700;padding:.6rem .8rem;text-decoration:none}.course-links a:hover,.course-button:hover{border-color:var(--line);color:var(--text);background:rgba(0,255,224,.07)}.course-main{flex:1}.course-container{max-width:var(--max);margin:0 auto;padding:2rem 1.25rem 3rem}.lesson-hero,.level-hero{padding:2.25rem 0 1.25rem}.lesson-kicker,.section-label{color:var(--glow);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:1rem;font-size:clamp(2rem,6vw,4.2rem);line-height:.98;letter-spacing:0}.lead{max-width:720px;color:var(--muted);font-size:1.08rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 0 28px rgba(0,255,224,.08);backdrop-filter:blur(14px)}.video-panel{padding:1rem;margin:1.5rem 0}.video-frame{aspect-ratio:16/9;display:grid;place-items:center;min-height:220px;border:1px dashed rgba(0,255,224,.38);border-radius:var(--radius);background:linear-gradient(135deg,rgba(0,0,0,.42),rgba(0,72,69,.56));color:var(--muted);text-align:center;padding:1rem}.video-frame strong{color:var(--text);display:block;margin-bottom:.35rem}.section-grid{display:grid;gap:1rem;margin:1.5rem 0}.teaching-card,.takeaway-card,.quiz-card,.level-card{padding:1.25rem}.teaching-card h2,.takeaway-card h2,.quiz-card h2,.level-card h2{color:var(--text);font-size:1.15rem;margin-bottom:.55rem}.teaching-card p,.level-card p{color:var(--muted);margin-bottom:0}.takeaway-card ul{margin:0;padding-left:1.2rem;color:var(--muted)}.takeaway-card li+li{margin-top:.4rem}.quiz-card{margin:1.5rem 0}.question{padding:1rem 0;border-top:1px solid rgba(0,255,224,.13)}.question:first-of-type{border-top:0}.question p{font-weight:800;margin-bottom:.75rem}.choice-list{display:grid;gap:.55rem}.choice{width:100%;border:1px solid rgba(245,255,253,.16);border-radius:var(--radius);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;font:inherit;font-weight:700;padding:.8rem .9rem;text-align:left}.choice:hover{border-color:var(--glow)}.choice.correct{border-color:var(--glow);background:rgba(0,255,224,.14)}.choice.incorrect{border-color:var(--orange);background:rgba(247,147,26,.14)}.feedback{min-height:1.5rem;margin-top:.75rem;color:var(--orange);font-weight:800}.feedback.pass{color:var(--glow)}.course-footer-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 0}.course-button{display:inline-flex;background:rgba(255,255,255,.06)}.course-button.primary{background:var(--orange);color:#111;border-color:var(--orange)}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.lesson-list{display:grid;gap:.55rem;margin-top:1rem}.lesson-list a{color:var(--muted);text-decoration:none;padding:.7rem;border-radius:var(--radius);border:1px solid rgba(245,255,253,.12)}.lesson-list a:hover{color:var(--text);border-color:var(--line)}.course-site-footer{border-top:1px solid rgba(0,255,224,.16);color:var(--faint);font-size:.85rem;padding:1.5rem 1.25rem;text-align:center}@media(max-width:760px){.course-nav{align-items:flex-start;flex-direction:column}.course-logo{margin-right:0}.course-links{width:100%}.course-links a{padding-left:0}.level-grid{grid-template-columns:1fr}}