@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{font-family:'DM Sans',system-ui,sans-serif;color:#eaf4ff;background:#081227;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #5bebdc;outline-offset:3px}.app{min-height:100vh;background:radial-gradient(ellipse at 78% 12%,#182f5c 0,transparent 36%),#081227}.site-header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 max(6vw,20px);border-bottom:1px solid #ffffff16}.brand{display:flex;gap:12px;align-items:center;background:none;border:0;color:white;font-family:Outfit;font-size:22px;font-weight:800}.brand i{font-weight:500;font-style:normal;color:#72e8db}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:#081227;background:#72e8db;font-size:25px}.brand-mark span{font-size:11px;align-self:start;margin-left:0}.site-header nav{display:flex;gap:24px}.site-header nav button{border:0;background:transparent;color:#c7d3e7}.site-header nav button:hover{color:#75f2dd}.hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:670px;align-items:center;padding:65px max(6vw,20px);gap:40px;overflow:hidden}.hero-copy{z-index:2}.eyebrow{display:inline-block;color:#65e6cf;font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.hero h1,.welcome h1,.parent h1{font-family:Outfit;font-size:clamp(48px,5.5vw,85px);line-height:1.06;letter-spacing:-3px;margin:21px 0}.hero h1 em,.welcome h1 em,.parent h1 em{font-style:normal;color:#72e8db}.hero p{font-size:18px;line-height:1.8;color:#b7c5da;max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0}.primary,.secondary,.ghost{border:0;border-radius:12px;padding:13px 22px;font-weight:800}.primary{background:#71ead5;color:#092038;box-shadow:0 8px 32px #55daca30}.primary:hover{background:#95f7e7}.secondary{background:#ffffff12;color:#edf5ff;border:1px solid #ffffff2e}.secondary:hover{background:#ffffff26}.ghost{color:#f3fcff;background:#07162ab8;border:1px solid #ffffff30}.large{padding:18px 26px}.trust{font-size:12px;color:#849fb7}.hero-art{position:relative;height:480px;perspective:700px;filter:drop-shadow(0 30px 70px #38bcdc26)}.orbit{position:absolute;border-radius:50%;border:1px solid #81e9ed50;transform:rotateX(72deg);left:12%;right:5%;top:30%;height:320px}.orbit2{inset:16% 2% auto 2%;height:430px;border-style:dashed}.hero-platform{position:absolute;left:17%;top:57%;height:125px;width:70%;border-radius:50%;background:linear-gradient(135deg,#1b708b,#122c5e);border:8px solid #4ac9c5;transform:rotateX(60deg);display:grid;place-items:center;color:white;box-shadow:0 15px 0 #17395b,0 25px 70px #74ffff55}.hero-platform span{font-size:16px;font-weight:900;letter-spacing:3px}.hero-platform b{position:absolute;top:-77px;font-size:65px;color:#80f9e8;transform:rotateX(-35deg)}.hero-tower{position:absolute;bottom:35%;width:20%;border:2px solid #78def9;background:linear-gradient(120deg,#173b70,#1f7590 55%,#153264);border-radius:15px 15px 5px 5px;box-shadow:inset 12px 0 #72f1dc1b,0 0 28px #54d9e64a;transform:skewY(-8deg)}.t1{height:150px;left:20%}.t2{height:236px;left:43%;background:linear-gradient(90deg,#19576b,#1c8b91,#163e5c)}.t3{height:190px;left:66%;background:linear-gradient(90deg,#42386c,#5264ad,#283b65)}.floating-label{position:absolute;z-index:1;padding:12px 17px;border:1px solid #a4f9f06b;color:#c8fff4;background:#12345bcf;backdrop-filter:blur(10px);border-radius:12px;font-size:13px;box-shadow:0 8px 30px #0005}.floating-label.top{top:9%;right:0}.floating-label.bottom{bottom:14%;left:4%}.section{padding:50px max(6vw,20px) 110px}.section h2{font-family:Outfit;font-size:38px;letter-spacing:-1px}.district-cards,.path-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.district-cards article,.path-card,.dash-panel,.study-card{background:linear-gradient(155deg,#172a47,#0c1d36);border:1px solid #ffffff1e;border-radius:23px;padding:28px}.district-cards article h3,.path-card h2,.dash-panel h3{font-family:Outfit;font-size:24px}.district-cards p,.path-card p{line-height:1.75;color:#aebfd4}.district-cards article>span,.path-card strong{color:#6decd6;font-size:12px;letter-spacing:1px}.district-icon{height:85px;width:85px;display:grid;place-items:center;font-size:42px;border-radius:22px}.blue{background:#2b8fca44;color:#7adcf7}.green{background:#2ba38344;color:#72f0bd}.purple{background:#7953c444;color:#bb9aff}.welcome,.parent{padding:85px max(6vw,20px);min-height:calc(100vh - 160px)}.welcome{text-align:center}.welcome>p,.dashboard-heading p{color:#afc1d4}.path-cards{max-width:980px;margin:60px auto 25px;grid-template-columns:repeat(2,1fr);text-align:left}.path-card{color:white;text-align:left;transition:transform .2s,border-color .2s;min-height:390px}.path-card:hover{transform:translateY(-6px);border-color:#70dfdc}.path-graphic{height:150px;font-size:87px;color:#71e9d8;text-align:center}.path-graphic span{font-size:58px;color:#b4a3ff}.quick-graphic{color:#8ccaff}.centered{text-align:center}.muted{color:#849db6;font-size:13px;line-height:1.8}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.parent h1{font-size:54px}.demo-warning{padding:16px 20px;border:1px solid #ecc66c66;border-radius:12px;background:#e2b95c13;color:#f5d88d;margin:38px 0}.dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.student-profile{display:flex;gap:15px;align-items:center;margin:22px 0}.student-profile h3{margin:0}.student-profile p{color:#abbdd1;margin:7px 0}.avatar-icon{height:70px;width:70px;display:grid;place-items:center;border-radius:50%;background:#72e8db;color:#123354;font-size:24px;font-weight:900}.dash-stats,.metrics{display:flex;gap:20px}.dash-stats>div,.metrics>article{flex:1;padding:20px;background:#ffffff0c;border-radius:14px}.dash-stats strong,.metrics strong{display:block;color:#78ead9;font-size:30px;font-weight:800}.dash-stats small,.metrics small{color:#adbfce}.subject-progress{margin:24px 0}.subject-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.progress-track{height:9px;border-radius:9px;background:#ffffff1a;overflow:hidden}.progress-track>div{height:100%;border-radius:9px;background:linear-gradient(90deg,#52adcf,#6eebc2);transition:width .25s}.achievement{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding:13px 0}.achievement span{color:#78e5d2}.footer{border-top:1px solid #ffffff16;padding:30px max(6vw,20px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#99a9c2;font-size:12px}.footer>span:first-child{color:white;font-weight:800}.footer span span{color:#7b8b9e;margin-left:14px}.city-shell{height:100dvh;position:relative;background:#8caabc}.city-shell canvas{display:block;touch-action:none}.city-top{position:absolute;top:19px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.city-top>*{pointer-events:auto}.glass-label{background:#102a47c7;color:#dffafa;border:1px solid #c5ffff77;border-radius:12px;padding:14px;font-size:11px;font-weight:900;letter-spacing:2px}.city-guide{position:absolute;bottom:22px;left:22px;padding:18px 21px;display:flex;flex-direction:column;gap:9px;background:#071d37c9;color:white;border:1px solid #ffffff61;border-radius:15px}.city-guide span{font-size:12px;color:#e1f1f4}.enter-prompt{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);padding:18px 25px;border:2px solid #a7fff0;border-radius:15px;background:#092c46f2;color:#e5fff9;font-weight:900;white-space:nowrap}.enter-prompt kbd{margin-left:12px;border:1px solid #adf8f1;padding:5px 10px;border-radius:5px}.mobile-pad{display:none;position:absolute;right:12px;bottom:28px;text-align:center;touch-action:none}.mobile-pad button{width:50px;height:50px;border-radius:12px;background:#082b47c7;color:white;border:1px solid #ffffff88;touch-action:none}.mobile-pad>div{display:flex;gap:4px}.learn-layout{min-height:100vh;background:radial-gradient(ellipse at top right,#213a6c,transparent 45%),#091529;padding:25px max(5vw,20px) 80px}.learn-header{display:flex;align-items:center;gap:28px;max-width:1200px;margin:0 auto 25px}.learn-header h2{font-family:Outfit;font-size:30px;margin:5px 0}.pill{margin-left:auto;background:#69e5d31e;border:1px solid #69e5d35b;color:#8cf6e5;padding:10px 16px;border-radius:25px;font-size:12px;font-weight:800}.learn-tabs{max-width:1200px;margin:0 auto 25px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.learn-tabs button{border:1px solid #ffffff27;background:#162a46;color:#b9ccdf;border-radius:12px;padding:17px 10px;font-weight:700}.learn-tabs button.selected{color:#06283a;background:#78e7d7;border-color:#78e7d7}.learn-content{max-width:1000px;margin:0 auto}.study-card{padding:clamp(22px,4vw,52px)}.study-card h3{font:800 38px Outfit;margin:14px 0}.lede{font-size:17px;color:#b8c9d8;line-height:1.8;max-width:720px}.balance{display:flex;gap:35px;justify-content:center;align-items:center;margin:30px auto;padding:30px;background:#07152c;border:1px solid #ffffff19;border-radius:18px;color:#8debdc;font:800 48px Outfit}.balance strong{color:#fff}.step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:30px 0}.step{background:#ffffff0b;color:#d3e1ec;text-align:left;padding:19px;border:1px solid #ffffff24;border-radius:13px;display:grid;gap:9px}.step.active{border-color:#6cebd7;background:#6cebd71b}.step small{color:#71ead8;letter-spacing:2px}.step span{font-size:13px;line-height:1.6}.lesson-callout,.help-box{padding:19px 23px;background:#0e3650;border-left:3px solid #71e8da;border-radius:9px;margin:20px 0;line-height:1.8}.question-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.equation{text-align:center;padding:35px;margin:30px 0;border-radius:16px;background:#07162a;color:#fff;font:800 clamp(32px,5vw,56px) Outfit;letter-spacing:1px}.study-card label{display:block;margin-bottom:12px;color:#dcefff;font-weight:700}.answer-line{display:flex;gap:12px;align-items:center}.answer-line input{width:100%;min-width:0;padding:16px;border-radius:12px;color:white;background:#07182f;border:1px solid #65889f}.answer-line>span{font:800 24px Outfit}.feedback{padding:16px;border-radius:10px;margin-top:20px;font-weight:700}.feedback.correct{background:#1f995b44;color:#8df3be}.feedback.incorrect{background:#d49f3c33;color:#ffe19c}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.question-dots{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.question-dots button{border:1px solid #ffffff35;background:#1a304e;color:#dde9f5;width:39px;height:39px;border-radius:10px}.question-dots button.current{border-color:#92f9dc}.question-dots button.done{background:#259c7b}.metrics{margin:30px 0}.review-list{display:grid;gap:6px}.review-list button{display:flex;justify-content:space-between;text-align:left;color:#d3e8f5;padding:16px;background:#ffffff09;border:0;border-radius:8px}.review-list b{color:#80f1da}.tutor-message{border-radius:15px;padding:24px;margin:24px 0;background:#092d4b;line-height:1.7}@media(max-width:800px){.site-header{height:74px}.site-header nav{gap:9px}.site-header nav button{font-size:11px}.brand{font-size:15px}.brand-mark{width:34px;height:34px;font-size:20px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{height:350px}.district-cards{grid-template-columns:1fr}.path-cards,.dash-grid{grid-template-columns:1fr}.dashboard-heading{display:block}.learn-tabs{grid-template-columns:repeat(2,1fr)}.learn-header{flex-wrap:wrap;gap:12px}.learn-header h2{font-size:24px}.balance{gap:14px;font-size:30px}.step-grid{grid-template-columns:1fr}.mobile-pad{display:block}.city-guide{max-width:62%;bottom:20px;padding:10px}.city-guide span{font-size:10px}.city-guide strong{font-size:12px}.city-top{left:8px;right:8px}.glass-label{font-size:9px;padding:11px}.answer-line{flex-wrap:wrap}.answer-line .primary{width:100%}.metrics{flex-wrap:wrap}.metrics article{min-width:150px}}@media(max-width:470px){.site-header nav button:first-child{display:none}.site-header nav{gap:5px}.hero h1,.welcome h1{letter-spacing:-1.5px}.hero-art{height:300px}.welcome,.parent{padding-top:55px}.learn-tabs button{font-size:12px;padding:12px 6px}.city-guide{max-width:58%}.enter-prompt{bottom:28%;font-size:12px;padding:14px}}