:root{--bg:#0a1027;--deep:#081023;--panel:#101936;--panel2:#142142;--line:#2b3759;--light:#f5f8ff;--muted:#a8b5d1;--aqua:#67f1d1;--purple:#a38afa;--gold:#ffcb66;--blue:#67acff;--shadow:0 24px 80px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 900px 800px at 90% 12%,rgba(49,68,143,.25),transparent 70%),linear-gradient(180deg,var(--bg),#090d21 95%);color:var(--light);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.view{display:none}.view.active{display:block}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-10000px;top:8px;z-index:100;background:white;color:#111;padding:12px}.skip-link:focus{left:12px}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.header{height:84px;display:flex;align-items:center;gap:32px;padding:0 clamp(24px,5vw,88px);border-bottom:1px solid rgba(164,183,228,.11);background:rgba(8,14,34,.85);backdrop-filter:blur(16px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{height:41px;width:41px;display:grid;place-items:center;background:linear-gradient(140deg,#4cdbd2,#6778ef);box-shadow:0 8px 25px rgba(92,195,214,.24);color:#0d1930;border-radius:12px;font-weight:950;font-size:19px;transform:rotate(-5deg)}.brand-mark span{font-size:12px;vertical-align:bottom}.brand-words{font-size:18px;font-weight:900;letter-spacing:.12em;line-height:1}.brand-words>span{color:var(--aqua)}.brand-words small{display:block;color:#8997bd;font-size:9px;letter-spacing:.42em;margin-top:6px}.nav{display:flex;gap:32px;margin:auto}.nav-link{color:#acb8d8;font-size:13px;font-weight:650;padding:32px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav-link.active,.nav-link:hover{color:white;border-color:var(--aqua)}.header-demo{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--aqua);border:1px solid rgba(103,241,209,.32);background:rgba(103,241,209,.07);border-radius:99px;padding:9px 13px;white-space:nowrap}.menu-toggle{display:none;color:white;background:none;border:0;font-size:24px}.mobile-menu{display:none}.hero{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:32px;padding-top:38px;padding-bottom:50px}.hero-copy{padding:20px 0}.eyebrow,.kicker{font-size:11px;letter-spacing:.22em;font-weight:850;color:var(--aqua);margin:0 0 20px}.sparkle{font-size:14px;margin-right:8px}.hero h1{font-size:clamp(50px,5.3vw,79px);line-height:1.09;letter-spacing:-.061em;margin:0 0 24px;font-weight:900}.text-gradient{background:linear-gradient(95deg,#75e9d5 5%,#81b7ff 47%,#b491ff 95%);color:transparent;-webkit-background-clip:text;background-clip:text}.lead{font-size:17px;line-height:1.75;color:#b7c5e4;max-width:555px;margin:0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;border-radius:12px;border:1px solid transparent;font-weight:800;font-size:13px;min-height:50px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#0c1732;background:linear-gradient(115deg,#71ead7,#8cafec);box-shadow:0 12px 30px rgba(102,225,225,.16)}.btn-primary:hover{box-shadow:0 16px 36px rgba(102,225,225,.25)}.btn-secondary{border-color:#36456d;color:#ecf2ff;background:#15203f}.btn-secondary:hover{background:#1d2d55}.btn-ghost{background:#233152;color:#d3e1f5;border-color:#344566}.hero-foot{display:flex;gap:10px;align-items:center;font-size:12px;color:#9caccf;margin-top:28px}.dot{width:7px;height:7px;background:var(--aqua);border-radius:50%;box-shadow:0 0 14px var(--aqua)}.separator{color:#546587}.hero-art{height:500px;position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:14% 11%;background:radial-gradient(ellipse,rgba(78,103,188,.33),transparent 67%);filter:blur(24px)}.planet{position:absolute;width:330px;height:330px;top:80px;left:calc(50% - 165px);border-radius:50%;background:radial-gradient(circle at 35% 25%,#7b81ec,#5553b3 40%,#35366f 72%,#242751 96%);box-shadow:inset -33px -30px 60px rgba(0,0,0,.26),0 0 85px rgba(108,101,238,.3),0 0 0 15px rgba(134,132,234,.04);overflow:hidden}.planet-shade{position:absolute;width:500px;height:110px;left:-60px;top:177px;background:rgba(20,37,91,.27);transform:rotate(-24deg);border-radius:50%}.planet-detail{position:absolute;border-radius:50%;background:rgba(31,34,103,.25);box-shadow:inset 3px 2px 11px rgba(3,8,49,.3)}.p1{width:65px;height:65px;top:66px;left:85px}.p2{width:34px;height:34px;top:174px;left:238px}.p3{width:100px;height:100px;top:224px;left:85px}.space-ring{position:absolute;top:90px;left:calc(50% - 235px);width:470px;height:330px;border:1px solid rgba(154,156,230,.3);border-radius:50%;transform:rotate(-33deg)}.ring-2{transform:rotate(32deg);border-color:rgba(81,218,217,.18)}.orbit-dot{position:absolute;width:15px;height:15px;border-radius:50%;box-shadow:0 0 16px currentColor}.orbit-dot-a{background:var(--aqua);color:var(--aqua);right:12%;top:27%}.orbit-dot-b{background:var(--gold);color:var(--gold);left:15%;bottom:18%;width:10px;height:10px}.hero-robot{position:absolute;left:calc(50% - 67px);top:166px;width:134px;height:158px;transform:rotate(-10deg);filter:drop-shadow(0 20px 15px rgba(10,10,25,.32))}.hero-robot-head{width:130px;height:100px;border:8px solid #cceaff;border-radius:31px;background:#122858;display:flex;gap:26px;justify-content:center;align-items:center;position:relative;z-index:2;box-shadow:inset 0 -15px 0 rgba(84,160,209,.18)}.hero-robot-head span{background:#78f6d7;width:14px;height:24px;border-radius:7px;box-shadow:0 0 17px #65f4ca}.hero-robot-antenna{width:7px;height:26px;background:#cceaff;position:absolute;top:-22px;left:63px;border-radius:6px}.hero-robot-antenna:before{content:"";position:absolute;top:-10px;left:-5px;width:18px;height:18px;background:var(--gold);border-radius:50%}.hero-robot-body{position:absolute;top:89px;left:34px;width:65px;height:48px;background:#d5e7ff;border-radius:10px 10px 18px 18px;transform:scale(.9)}.hero-robot-legs{position:absolute;top:132px;left:44px;height:10px;width:46px;background:#89bcd6;border-radius:15px}.orbit-pill{position:absolute;z-index:4;background:rgba(26,39,81,.94);border:1px solid #53618e;box-shadow:var(--shadow);border-radius:12px;padding:15px 18px;color:white;font-size:11px;letter-spacing:.12em;font-weight:850}.pill-top{top:107px;left:-8px;transform:rotate(-8deg)}.pill-bottom{right:-1px;bottom:90px;transform:rotate(6deg)}.star{position:absolute;color:#f5d588}.st1{top:44px;right:78px;font-size:27px}.st2{top:140px;left:20px;font-size:23px}.st3{bottom:35px;left:100px;font-size:19px}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 30px;background:rgba(15,25,55,.7);border:1px solid #283455;border-radius:17px;margin-bottom:94px}.stats-bar>div{display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid #2e3b60}.stats-bar>div:last-child{border:0}.stats-bar strong{font-weight:900;font-size:30px;color:#8fe9d9}.stats-bar span{color:#a6b5d4;font-size:12px}.section-head{margin-bottom:25px}.section-head h2{font-size:clamp(27px,3.2vw,41px);letter-spacing:-.04em;margin:0 0 12px}.section-head h2 em{font-style:normal;color:#9bb6ef}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:linear-gradient(155deg,#14203f,#10182f);border:1px solid #293756;padding:28px;border-radius:18px;min-height:225px}.feature-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;font-size:27px;margin-bottom:23px}.feature-icon.teal{background:rgba(103,241,209,.12)}.feature-icon.purple{background:rgba(163,138,250,.14)}.feature-icon.gold{background:rgba(255,203,102,.13)}.feature-card h3{font-size:19px;margin:0 0 12px;letter-spacing:-.018em}.feature-card p{font-size:14px;line-height:1.6;color:#aab8d8;margin:0}.cta-banner{margin:62px 0 90px;padding:35px 42px;background:linear-gradient(110deg,#1b2754,#1b2753 65%,#23396b);border:1px solid #3e4c78;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-banner h3{font-size:25px;line-height:1.2;margin:0 0 10px}.cta-banner p:not(.kicker){color:#b2c1dc;font-size:14px;margin:0}.cta-banner .kicker{margin-bottom:12px}.inner-page{padding-top:62px;padding-bottom:100px;min-height:calc(100vh - 166px)}.inner-title{font-size:clamp(37px,4.4vw,61px);letter-spacing:-.052em;line-height:1.15;margin:0 0 20px}.page-lead{max-width:700px;font-size:16px}.course-card{margin-top:47px;display:grid;grid-template-columns:42% 58%;border:1px solid #334164;border-radius:22px;background:linear-gradient(130deg,#162347,#111a38);overflow:hidden}.course-art{min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 40% 40%,rgba(106,249,218,.23),transparent 42%),radial-gradient(circle at 75% 15%,rgba(163,138,250,.42),transparent 38%),#162450;position:relative;isolation:isolate}.course-art:after{content:"";position:absolute;inset:20px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px;z-index:-1}.course-pixel{font-size:90px;color:#8fedda;text-shadow:0 0 46px rgba(107,239,214,.5)}.course-art-text{font-size:28px;line-height:1.04;letter-spacing:.12em;color:#d5e4ff;text-align:center;font-weight:950}.course-details{padding:42px 45px}.course-details h2{margin:0 0 15px;font-size:29px;letter-spacing:-.04em}.course-details>p:not(.kicker){font-size:15px;line-height:1.6;color:var(--muted);margin:0}.course-pills{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}.course-pills span{background:#25375c;border:1px solid #3a4e75;border-radius:99px;color:#d0dbf1;font-weight:650;font-size:11px;padding:9px 12px}.subheading{font-size:27px;margin:60px 0 24px}.timeline{display:grid;gap:13px}.timeline-item{display:flex;align-items:center;gap:22px;border:1px solid #303b61;border-radius:14px;padding:22px 24px;background:#131d39}.timeline-item.current{border-color:#499e9c;background:linear-gradient(90deg,rgba(73,153,155,.13),#131d39)}.timeline-number{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:#253459;display:grid;place-items:center;font-weight:900;color:#d6f3ff}.timeline-item.current .timeline-number{background:var(--aqua);color:#0d1e30}.timeline-item>div{flex:1}.timeline-item h3{font-size:17px;margin:0 0 5px}.timeline-item p{font-size:13px;color:var(--muted);margin:0}.timeline-status{font-size:10px;color:var(--aqua);letter-spacing:.08em;font-weight:850}.timeline-status.muted{color:#8996bc}.lab-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.lab-heading .inner-title{font-size:clamp(34px,3.9vw,53px);margin-bottom:9px}.lab-heading .page-lead{font-size:14px}.mission-medal{background:#1d2b53;border:1px solid #3c507e;border-radius:15px;text-align:center;font-size:30px;padding:12px 19px;min-width:94px}.mission-medal small{display:block;font-size:10px;letter-spacing:.11em;margin-top:3px;color:var(--aqua);font-weight:800}.lab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:36px}.play-panel,.code-panel{background:#141e3d;border:1px solid #344368;border-radius:18px;overflow:hidden}.panel-header{height:55px;border-bottom:1px solid #324165;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px;letter-spacing:.11em;font-weight:850;color:#d6e4fc}.panel-right{color:#9aaacc;font-size:10px}.game-scene{height:354px;position:relative;padding:25px 22px;background:radial-gradient(circle at 50% 38%,rgba(73,95,185,.2),transparent 50%),linear-gradient(#14234d,#101a39);overflow:hidden}.game-scene:after{content:"";position:absolute;bottom:0;left:0;right:0;height:94px;pointer-events:none;background:linear-gradient(transparent,rgba(8,14,33,.6))}.game-spark{position:absolute;color:#6c8fe8}.game-spark.s1{top:29px;left:12%}.game-spark.s2{top:42px;right:19%}.game-spark.s3{top:89px;left:49%}.game-tiles{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:4px;max-width:615px;margin:87px auto 0;min-height:80px}.tile{height:61px;border:1px solid rgba(141,162,221,.34);background:linear-gradient(180deg,#3c5b89,#283d67);border-radius:8px;position:relative}.tile.obstacle{background:linear-gradient(#6b548b,#3c426b)}.tile.target{border-color:#dfc86c;background:linear-gradient(#6c6884,#454c7d)}.tile-index{position:absolute;bottom:3px;left:6px;font-size:9px;color:#c0cee8;opacity:.6}.tile-object{position:absolute;font-size:37px;bottom:31px;left:50%;transform:translateX(-50%)}.nova{position:absolute;font-size:42px;width:16.666%;top:-33px;left:0;text-align:center;z-index:4;transition:transform .45s cubic-bezier(.16,1,.3,1)}.nova.jumping{filter:drop-shadow(0 -16px 13px #60eff7)}.game-caption{margin:45px auto 0;max-width:450px;color:#b2c0dc;text-align:center;font-size:12px;line-height:1.65}.game-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;height:55px;padding:0 22px;border-top:1px solid #334166}.attempt-counter{font-size:10px;color:#aab8d6;letter-spacing:.1em}.attempt-counter strong{color:white}.result-chip{font-size:9px;color:#b4c3df;font-weight:800;letter-spacing:.09em}.result-chip.success{color:var(--aqua)}.result-chip.error{color:#ffd08c}.code-body{padding:25px}.code-body>p{font-size:13px;color:#bccae5;margin:0 0 18px}.command-buttons{display:grid;grid-template-columns:1fr 1fr;gap:11px}.command{border:1px solid #4c70a0;border-radius:11px;min-height:51px;font-weight:850;color:white;background:#254b7a;font-size:13px}.command:hover{filter:brightness(1.15)}.command.jump{background:#4e3881;border-color:#7e65af}.sequence{margin-top:20px;padding:12px;min-height:111px;border:1px dashed #4e6289;border-radius:12px;background:#0e1833;display:flex;align-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:wrap}.empty-sequence{font-size:12px;color:#8798be;align-self:center;text-align:center;width:100%}.sequence-item{display:inline-flex;align-items:center;gap:6px;border:1px solid #5270a1;border-radius:7px;background:#243e69;padding:7px 9px;font-size:11px;font-weight:750;color:#e3edff}.sequence-item.jump{background:#403066;border-color:#6e5a99}.step-number{opacity:.65;font-size:10px}.code-actions{display:flex;gap:9px;margin-top:19px}.code-actions .btn{flex:1;padding:12px 10px;min-height:46px}.hint-button{color:var(--gold);background:none;border:0;font-size:12px;font-weight:750;padding:0;text-align:left}.help-row{margin-top:20px;display:grid;gap:12px}.hint-text{font-size:12px;line-height:1.5;color:#e2c88f}.feedback{margin-top:15px;border:1px solid #3a4a6c;background:#182443;border-radius:12px;padding:16px 20px;font-size:13px;color:#c6d3ea;line-height:1.6}.feedback.success{border-color:rgba(103,241,209,.6);color:#b2ffeb;background:rgba(31,97,93,.22)}.feedback.error{border-color:rgba(255,203,102,.45);color:#ffdfac;background:rgba(102,69,32,.18)}.learning-box{display:flex;align-items:start;gap:16px;margin-top:30px;padding:24px;border-radius:17px;background:rgba(109,91,207,.12);border:1px solid #3d4076}.learn-icon{display:grid;place-items:center;font-size:25px;background:rgba(163,138,250,.16);width:56px;height:56px;flex-shrink:0;border-radius:13px}.learning-box h3{font-size:17px;margin:2px 0 8px}.learning-box p{font-size:13px;color:#b4c0df;line-height:1.65;margin:0}.family-features{margin-top:47px}.family-note{padding:23px 27px;border:1px solid #3b4e73;border-radius:13px;margin-top:34px;background:#162243;font-size:14px;color:#cbd5e9;line-height:1.65}.footer{border-top:1px solid #273253;margin-top:25px}.footer-content{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8393b7;font-size:10px;font-weight:750;letter-spacing:.08em}
@media(max-width:1050px){.header{gap:16px}.nav{gap:18px}.header-demo{display:none}.hero-art{height:440px}.planet{transform:scale(.85)}.space-ring{transform:rotate(-33deg) scale(.85)}.ring-2{transform:rotate(32deg) scale(.85)}.pill-top{left:0}.pill-bottom{right:0}.hero-robot{transform:rotate(-10deg) scale(.86)}}
@media(max-width:740px){.container{width:min(100% - 32px,580px)}.header{height:72px;padding:0 18px}.brand{min-width:unset;margin-right:auto}.brand-words{font-size:14px}.brand-mark{height:37px;width:37px;font-size:17px}.nav{display:none}.menu-toggle{display:block}.mobile-menu{display:flex;flex-direction:column;gap:0;background:#152041;border-bottom:1px solid #354367}.mobile-menu a{padding:15px 24px;border-bottom:1px solid #283554;font-size:14px}.hero{display:flex;flex-direction:column;gap:4px;padding-top:45px;padding-bottom:30px;min-height:unset}.hero-copy{padding:0}.hero h1{font-size:clamp(45px,12vw,62px)}.hero .lead{font-size:15px}.hero-actions{gap:10px}.hero-actions .btn{flex:1 1 100%}.hero-foot{font-size:11px;line-height:1.5;flex-wrap:wrap}.hero-art{width:100%;height:360px;transform:scale(.88);transform-origin:center top}.planet{top:30px;left:calc(50% - 165px);transform:scale(.83)}.space-ring{top:40px}.hero-robot{top:115px}.pill-top{top:52px}.pill-bottom{bottom:45px}.stats-bar{padding:18px 8px;gap:4px;margin-bottom:64px}.stats-bar>div{display:flex;flex-direction:column;gap:2px}.stats-bar strong{font-size:25px}.stats-bar span{font-size:10px;text-align:center}.features{grid-template-columns:1fr}.feature-card{min-height:unset;padding:25px}.cta-banner{padding:26px 23px;margin:43px 0 60px;flex-direction:column;align-items:start;gap:20px}.cta-banner h3{font-size:22px}.inner-page{padding-top:50px;padding-bottom:65px}.inner-title{font-size:clamp(33px,9vw,45px)}.page-lead{font-size:14px}.course-card{grid-template-columns:1fr}.course-art{min-height:210px}.course-details{padding:29px 24px}.timeline-item{gap:12px;padding:15px}.timeline-status{display:none}.timeline-item h3{font-size:15px}.lab-heading{align-items:flex-start}.mission-medal{padding:10px;min-width:68px;font-size:23px}.mission-medal small{font-size:8px}.lab-grid{grid-template-columns:1fr}.game-scene{height:310px;padding:20px 10px}.game-tiles{margin-top:70px}.tile{height:48px}.tile-object{bottom:24px;font-size:30px}.nova{top:-32px;font-size:37px}.game-caption{margin-top:42px}.feedback{font-size:12px}.learning-box{padding:17px}.footer-content{flex-direction:column;gap:9px;align-items:start;justify-content:center;padding:18px 0}.kicker,.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}