:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e8f2f8;background:#081625;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #58d7d0;outline-offset:3px}p{line-height:1.7;color:#b8cbd9}h1,h2,h3{line-height:1.15}h1{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.045em;margin:16px 0}h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.035em}h3{font-size:1.16rem}em{font-style:normal;color:#58d7d0}.nav{height:78px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1c3447;background:#0b1d30;position:sticky;top:0;z-index:20}.brand{border:0;background:none;color:#fff;font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:9px}.brand span{color:#58d7d0}.nav nav{display:flex;align-items:center;gap:28px}.nav nav button{border:0;background:none;color:#d1e2ec}.nav nav .nav-cta{background:#147f89;border-radius:10px;padding:12px 16px;color:#fff;display:flex;align-items:center;gap:8px}.mobile-menu{display:none;background:none;border:0;color:#fff}.hero{min-height:580px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:65px max(6vw,24px);background:radial-gradient(ellipse at 80% 35%,#173d51,#0b1d30,#081625)}.hero-copy{max-width:660px}.hero-copy>p{font-size:1.15rem;max-width:570px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;color:#58d7d0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;padding:13px 19px;font-weight:700}.primary{background:#147f89;color:#fff}.primary:hover,.nav-cta:hover{background:#1a9ba5}.secondary{background:#193347;color:#d8eaf2;border:1px solid #31536a}.hero-copy small{display:block;margin-top:18px;color:#9db7c8}.hero-art{text-align:center;background:radial-gradient(circle,#244f62 0%,transparent 66%);max-width:560px}.heart-svg{width:100%;max-height:490px}.hotspot{cursor:pointer;outline:none}.hotspot:focus circle{stroke:#ffe28a;stroke-width:5}.art-caption{font-size:.8rem;color:#94b9c9}.section{padding:80px max(6vw,24px)}.section>h2{max-width:720px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.cards article,.feature-panel,.info-panel,.diagram-panel,.lesson-text{background:#10263a;border:1px solid #28465a;border-radius:17px;padding:26px}.cards article svg{color:#58d7d0}.cards article p{font-size:.95rem}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;background:#0d2031}.feature-panel{text-align:center;padding:60px 20px}.feature-panel svg{color:#58d7d0}.feature-panel span{font-size:.8rem;color:#58d7d0}.footer-cta{text-align:center;background:#102c3c}.footer-cta h2{margin-left:auto;margin-right:auto}.inner{min-height:60vh}.inner>p{max-width:760px}.pill{display:inline-block;background:#11665e;color:#b8fff3;border-radius:30px;padding:6px 12px;font-size:.8rem}.pill.muted{background:#35475a;color:#d0dce5}.lab{max-width:1250px;margin:auto;padding:36px 24px 75px}.lab-head h1{font-size:clamp(2rem,4vw,3.2rem)}.lab-head p{max-width:800px}.back{border:0;background:none;color:#a9c8d6;display:flex;gap:7px;align-items:center;margin-bottom:24px}.progress{height:6px;border-radius:10px;background:#1b3849;margin:25px 0;overflow:hidden}.progress div{height:100%;background:#58d7d0;transition:width .2s}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.tabs button{padding:12px 18px;background:#142b3d;color:#bdd2de;border:1px solid #2b4b5f;border-radius:9px}.tabs button.active{background:#137d86;color:#fff;border-color:#58d7d0}.lab-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.diagram-panel{display:flex;flex-direction:column;align-items:center}.toggle-row{display:flex;gap:6px}.toggle-row button{border:1px solid #31536a;border-radius:8px;padding:8px 15px;background:#0b1d30;color:#bcd1dc}.toggle-row button.chosen{background:#147f89;color:#fff}.check{align-self:flex-start;display:flex;align-items:center;gap:8px}.note{font-size:.75rem}.info-panel h2{font-size:1.7rem}.structure-list{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.structure-list button{border:1px solid #35566c;background:#0c2031;color:#d8e8f0;border-radius:8px;padding:10px 12px}.structure-list button.selected{background:#126f78;border-color:#58d7d0;color:#fff}.fact{background:#173d4a;border-left:3px solid #58d7d0;padding:18px;border-radius:8px;margin:20px 0}.fact p{margin-bottom:0}.lesson-text{max-width:920px;margin:auto;font-size:1.03rem}.lesson-text h3{margin-top:28px}.lab-footer{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.question{padding:25px 0;border-bottom:1px solid #315063}.answer{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #2c4a5e;border-radius:9px;margin:8px 0;cursor:pointer}.answer.checked{border-color:#58d7d0;background:#16424b}.feedback{padding:15px;border-radius:8px;margin-top:10px}.feedback.correct{background:#124e45}.feedback.incorrect{background:#59333a}.feedback p{margin:5px 0}.quiz>.primary{margin-top:25px}.result{background:#124c52;padding:25px;border-radius:14px;margin-top:20px}.footer{padding:32px max(6vw,24px);display:flex;justify-content:space-between;gap:30px;background:#071421;border-top:1px solid #1b3548}.footer p{font-size:.8rem;margin:5px 0}.footer>div:last-child{text-align:right;max-width:500px}@media (max-width:850px){.hero,.feature,.lab-grid{grid-template-columns:1fr}.hero-art{max-width:480px;margin:auto}.cards{grid-template-columns:1fr}.mobile-menu{display:block}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b1d30;padding:20px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.footer{flex-direction:column}.footer>div:last-child{text-align:left}}@media (max-width:480px){.section{padding:55px 20px}.hero{padding:50px 20px}.lab{padding:25px 15px}.tabs button{flex:1;font-size:.82rem;padding:10px 6px}.lab-footer button{padding:11px 12px}.diagram-panel,.info-panel,.lesson-text{padding:16px}}