.course-art{border:1px solid color-mix(in srgb,var(--course-accent) 32%,#27322f);background:radial-gradient(circle at 52% 45%,color-mix(in srgb,var(--course-accent) 14%,transparent),transparent 42%),linear-gradient(145deg,#0f1515,#070a0b);height:190px;color:var(--course-accent);isolation:isolate;position:relative;overflow:hidden}.course-art:after{content:"";background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--course-accent) 7%,transparent) 48%,transparent 60%);animation:7s ease-in-out infinite art-shine;position:absolute;inset:0;transform:translate(-120%)}.course-art-grid{opacity:.18;background-image:linear-gradient(color-mix(in srgb,var(--course-accent) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--course-accent) 25%,transparent) 1px,transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.course-art svg{filter:drop-shadow(0 9px 13px #0008);width:calc(100% - 16px);height:calc(100% - 41px);position:absolute;inset:16px 8px 25px;overflow:visible}.art-code{z-index:2;font:700 8px/1 var(--mono);letter-spacing:.08em;position:absolute;top:11px;left:12px}.art-caption{z-index:2;color:#87938e;font:7px/1 var(--mono);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;display:flex;position:absolute;bottom:8px;left:12px;right:12px}.art-caption i{background:var(--course-accent);width:5px;height:5px;box-shadow:0 0 8px var(--course-accent);border-radius:50%}.art-caption b{color:color-mix(in srgb,var(--course-accent) 75%,#fff);margin-left:auto}.course-art svg text{fill:var(--course-accent);font:700 9px var(--mono);text-anchor:middle}.art-lines path,.network-links path,.terminal-copy path,.code-orbits ellipse,.shield-rings circle,.shield-rings path,.log-bars path{fill:none;stroke:color-mix(in srgb,var(--course-accent) 58%,#6b7470);stroke-width:1.5px}.art-dots circle,.packet circle,.node-core circle,.threat-points circle,.alerts circle{fill:var(--course-accent);filter:drop-shadow(0 0 5px var(--course-accent))}.chip>path:first-child,.code-core>path:first-child{fill:color-mix(in srgb,var(--course-accent) 8%,#0b1111);stroke:color-mix(in srgb,var(--course-accent) 42%,#38443f);stroke-width:1.5px}.chip>path:nth-child(2){fill:color-mix(in srgb,var(--course-accent) 12%,#111817);stroke:var(--course-accent);stroke-width:1.5px}.chip rect{fill:#090d0d;stroke:var(--course-accent)}.chip>path:last-child,.code-core>path:last-child{fill:none;stroke:var(--course-accent);stroke-width:2px}.network-node circle{fill:color-mix(in srgb,var(--course-accent) 8%,#0a1010);stroke:color-mix(in srgb,var(--course-accent) 66%,#405049);stroke-width:1.5px}.network-links{stroke-dasharray:6 5;animation:10s linear infinite art-dash}.packet{animation:2.2s ease-in-out infinite packet-pulse}.terminal-window rect{fill:#080d0e;stroke:color-mix(in srgb,var(--course-accent) 55%,#47544f)}.terminal-window path{stroke:#394640}.terminal-window circle{fill:#ff5c6c}.terminal-window circle:nth-of-type(2){fill:#fbbf24}.terminal-window circle:nth-of-type(3){fill:var(--course-accent)}.terminal-copy path{stroke-width:2px}.art-linux-first-entry svg text{text-anchor:start;fill:#8d9a94}.code-orbits{transform-origin:160px 82px;animation:18s linear infinite orbit-turn}.code-core>path:first-child{stroke:var(--course-accent);stroke-width:2px}.shield-rings{transform-origin:160px 81px;animation:4s ease-in-out infinite shield-pulse}.shield path:first-child{fill:color-mix(in srgb,var(--course-accent) 12%,#0b1010);stroke:var(--course-accent);stroke-width:2px}.shield path:last-child{fill:none;stroke:var(--course-accent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.radar circle,.radar>path:not(.radar-sweep){fill:none;stroke:color-mix(in srgb,var(--course-accent) 45%,#40504a);stroke-width:1px}.radar-sweep{fill:color-mix(in srgb,var(--course-accent) 16%,transparent);stroke:var(--course-accent);transform-origin:146px 82px;animation:4s linear infinite radar-turn}.alerts circle{animation:1.6s ease-in-out infinite packet-pulse}.log-bars path{stroke-width:3px}.course-art.art-python-zero .code-core>path:first-child{fill:#13233b}.course-art.art-javascript-start .code-core>path:first-child{fill:#28230c}.course-art.art-cybersecurity-basics{background:radial-gradient(circle at 50% 48%,#3a1018 0,#0000 48%),linear-gradient(145deg,#130b0d,#07090a)}.course-art.art-blue-team-signal{background:radial-gradient(circle at 38% 48%,#2e1913 0,#0000 48%),linear-gradient(145deg,#120e0c,#07090a)}@keyframes art-shine{0%,65%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes art-dash{to{stroke-dashoffset:-90px}}@keyframes packet-pulse{50%{opacity:.35;transform:scale(.86)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes shield-pulse{50%{opacity:.55;transform:scale(.97)}}@keyframes radar-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.course-art:after,.network-links,.packet,.code-orbits,.shield-rings,.radar-sweep,.alerts{animation:none}}
.welcome-page{color:#e9f0f7;background:radial-gradient(circle at 16% 22%,#18334a 0,#0000 30%),radial-gradient(circle at 82% 68%,#163a2c 0,#0000 28%),#070c13;min-height:calc(100vh - 71px);position:relative;overflow:hidden}.welcome-space{pointer-events:none;position:absolute;inset:0;overflow:hidden}.welcome-space:before{content:"";opacity:.2;background-image:linear-gradient(#7792ae22 1px,#0000 1px),linear-gradient(90deg,#7792ae22 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.welcome-space>i{background:#9fef00;border-radius:50%;width:4px;height:4px;animation:5s ease-in-out infinite welcome-star;position:absolute;box-shadow:0 0 13px #9fef00}.welcome-space>i:first-child{top:24%;left:8%}.welcome-space>i:nth-child(2){animation-delay:1s;top:14%;left:72%}.welcome-space>i:nth-child(3){animation-delay:2s;top:66%;left:90%}.welcome-space>i:nth-child(4){animation-delay:3s;top:84%;left:31%}.welcome-orbit{border:1px solid #9fef0024;border-radius:50%;animation:28s linear infinite welcome-spin;position:absolute}.orbit-one{width:520px;height:520px;top:30%;left:-250px}.orbit-two{width:680px;height:680px;animation-direction:reverse;top:-250px;right:-380px}.welcome-top{z-index:3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#08111bc7;border-bottom:1px solid #33516b80;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 clamp(22px,5vw,70px);display:grid;position:relative}.welcome-top>a{color:#e9f0f7;font-size:18px;font-weight:850}.welcome-top>a small{color:#9fef00;font:7px var(--mono);letter-spacing:.16em;display:block}.welcome-top>span{color:#9fef00;font:8px var(--mono);letter-spacing:.12em;border:1px solid #9fef0055;border-radius:20px;padding:7px 11px}.welcome-top>button{color:#7f91a6;background:0 0;border:0;justify-self:end;font-size:9px}.welcome-shell{z-index:2;grid-template-rows:auto 1fr;width:min(1240px,100% - 40px);min-height:calc(100vh - 135px);margin:auto;padding:28px 0 50px;display:grid;position:relative}.welcome-progress{color:#7890a6;font:8px var(--mono);text-transform:uppercase;letter-spacing:.1em;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.welcome-progress>div{gap:5px;display:flex}.welcome-progress i{background:#24384a;flex:1;height:2px}.welcome-progress i.active{background:#9fef00;box-shadow:0 0 8px #9fef0080}.welcome-progress b{color:#b7c6d5}.welcome-stage{align-items:center;min-height:610px;animation:.45s ease-out welcome-in;display:grid}.intro-stage{grid-template-columns:1fr 1fr;gap:70px}.oni-arrival{place-items:center;height:520px;display:grid;position:relative}.arrival-rings{place-items:center;display:grid;position:absolute;inset:0}.arrival-rings i{border:1px solid #9fef0055;border-radius:50%;width:360px;height:360px;animation:4s ease-in-out infinite arrival-ring;position:absolute;box-shadow:inset 0 0 50px #9fef000c}.arrival-rings i:nth-child(2){border-style:dashed;width:270px;height:270px;animation:16s linear infinite welcome-spin}.arrival-rings i:nth-child(3){border-width:2px;width:180px;height:180px;animation-delay:1.3s}.oni-arrival:after{content:"";filter:blur(17px);background:#9fef0021;border-radius:50%;width:310px;height:58px;position:absolute;bottom:44px}.welcome-robot{z-index:2;filter:drop-shadow(0 30px 35px #000a);width:280px;height:330px;animation:3.6s ease-in-out infinite robot-float;position:relative}.robot-shadow{fill:#0007}.robot-body,.robot-head{fill:url(#oniMetal);stroke:#6d849c;stroke-width:2px}.robot-face{fill:#050c14;stroke:#9fef00;stroke-width:2px}.robot-eye,.robot-spark{fill:#9fef00;filter:drop-shadow(0 0 8px #9fef00)}.robot-smile,.robot-antenna,.robot-arm{fill:none;stroke:#8ca1b6;stroke-width:5px;stroke-linecap:round}.robot-core{fill:#071018;stroke:#9fef00;stroke-width:3px;filter:drop-shadow(0 0 10px #9fef0066)}.robot-core-mark{fill:none;stroke:#9fef00;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.scan-line{z-index:3;background:#9fef00;height:1px;animation:3s ease-in-out infinite scan-robot;position:absolute;top:18%;left:18%;right:18%;box-shadow:0 0 13px #9fef00}.welcome-copy{max-width:650px}.welcome-copy>.eyebrow{color:#9fef00;align-items:center;gap:7px;display:flex}.welcome-copy>.eyebrow svg{width:14px}.welcome-copy h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(47px,6vw,86px);line-height:.94}.welcome-copy h1 em{color:#9fef00;font-style:normal}.welcome-copy>p{color:#91a3b5;max-width:570px;font-size:13px;line-height:1.75}.oni-message{background:#102033cc;border:1px solid #3f5d75;gap:14px;max-width:590px;margin:28px 0;padding:18px;display:flex;box-shadow:0 18px 45px #0005}.oni-message>svg{color:#9fef00;flex:none;width:26px}.oni-message p{color:#aebdcb;margin:0;font-size:11px;line-height:1.65}.oni-message b{color:#e9f0f7;margin-bottom:4px;font-size:12px;display:block}.welcome-stage .button{min-width:220px}.interest-stage,.tour-stage{grid-template-columns:360px 1fr;align-content:center;gap:70px}.interest-stage .welcome-copy h1,.tour-stage .welcome-copy h1{font-size:55px}.interest-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.interest-grid button{color:#c3d0dd;text-align:left;background:#0d1926;border:1px solid #344b60;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;min-height:98px;padding:18px;display:grid;position:relative}.interest-grid button:hover{background:#122331;border-color:#668d5a}.interest-grid button.selected{background:#15261b;border-color:#9fef00;box-shadow:inset 3px 0 #9fef00}.interest-grid button>svg:first-child{color:#65b5dc;width:27px}.interest-grid button.selected>svg{color:#9fef00}.interest-grid button span{font-size:11px;font-weight:700}.interest-grid button>svg:last-child{width:16px}.welcome-actions{grid-column:1/-1;justify-content:space-between;margin-top:34px;display:flex}.welcome-actions>button:not(.button),.launch-buttons>button:not(.button){color:#8396aa;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.welcome-actions svg,.launch-buttons svg{width:16px}.tour-map{grid-template-columns:repeat(2,1fr);gap:12px;display:grid;position:relative}.tour-map:before{content:"";background:#9fef0033;width:1px;position:absolute;top:15%;bottom:15%;left:50%}.tour-map>div{background:linear-gradient(145deg,#102031,#0a131e);border:1px solid #334a5e;min-height:190px;padding:25px;position:relative}.tour-map>div>i{color:#436078;font:10px var(--mono);position:absolute;top:14px;right:15px}.tour-map>div>span{color:#9fef00;background:#9fef000b;border:1px solid #9fef0066;border-radius:50%;place-items:center;width:53px;height:53px;display:grid}.tour-map>div svg{width:24px}.tour-map h2{margin:18px 0 7px;font-size:17px}.tour-map p{color:#8295a8;margin:0;font-size:10px;line-height:1.6}.launch-stage{grid-template-columns:1fr 1.1fr;gap:90px}.launch-beacon{place-items:center;height:430px;display:grid;position:relative}.launch-beacon>span,.launch-beacon>i{border:1px solid #9fef0050;border-radius:50%;width:310px;height:310px;animation:3s ease-in-out infinite arrival-ring;position:absolute}.launch-beacon>i{border-style:dashed;width:220px;height:220px;animation:14s linear infinite welcome-spin}.launch-beacon>svg{z-index:2;color:#9fef00;filter:drop-shadow(0 0 28px #9fef0055);background:#12251b;border:1px solid #9fef00;border-radius:50%;width:100px;height:100px;padding:26px;position:relative}.launch-stage .welcome-copy h1{font-size:62px}.launch-stats{border:1px solid #33495d;grid-template-columns:repeat(3,1fr);margin:27px 0;display:grid}.launch-stats span{color:#8395a7;border-right:1px solid #33495d;gap:5px;padding:17px;font-size:9px;display:grid}.launch-stats span:last-child{border:0}.launch-stats b{color:#e8eff6;font-size:18px}.oni-message.compact{margin:20px 0}.launch-buttons{justify-content:space-between;align-items:center;display:flex}@keyframes welcome-star{50%{opacity:.2;transform:scale(.5)}}@keyframes welcome-spin{to{transform:rotate(360deg)}}@keyframes welcome-in{0%{opacity:0;transform:translateY(16px)}}@keyframes arrival-ring{50%{opacity:.35;transform:scale(1.08)}}@keyframes robot-float{50%{transform:translateY(-12px)}}@keyframes scan-robot{50%{opacity:.45;top:72%}}@media (max-width:800px){.welcome-top{grid-template-columns:1fr auto}.welcome-top>span{display:none}.welcome-shell{width:min(100% - 24px,700px)}.welcome-stage{min-height:auto;padding:45px 0}.intro-stage,.interest-stage,.tour-stage,.launch-stage{grid-template-columns:1fr;gap:25px}.oni-arrival{order:2;height:380px}.welcome-robot{width:210px}.arrival-rings i{width:290px;height:290px}.interest-grid,.tour-map{grid-template-columns:1fr}.tour-map:before{display:none}.launch-beacon{height:260px}.welcome-copy h1,.interest-stage .welcome-copy h1,.tour-stage .welcome-copy h1,.launch-stage .welcome-copy h1{font-size:42px}.welcome-actions{background:#07101acc;padding:12px 0;position:sticky;bottom:0}.launch-stats{grid-template-columns:1fr}.launch-stats span{border-bottom:1px solid #33495d;border-right:0}}@media (prefers-reduced-motion:reduce){.welcome-space>i,.welcome-orbit,.arrival-rings i,.welcome-robot,.scan-line,.launch-beacon>span,.launch-beacon>i{animation:none}}
.survey-stage{grid-template-columns:390px 1fr;align-content:center;gap:70px}.survey-stage .welcome-copy h1{font-size:58px}.survey-options,.level-options{gap:10px;display:grid}.survey-options{grid-template-columns:repeat(2,1fr)}.survey-options button,.level-options button{color:#c3d0dd;text-align:left;background:#0d1926;border:1px solid #344b60;min-height:68px;padding:18px;position:relative}.survey-options button{justify-content:space-between;align-items:center;font-weight:750;display:flex}.survey-options button svg,.level-options button svg{color:#9fef00;width:17px}.survey-options button.selected,.level-options button.selected{background:#15261b;border-color:#9fef00;box-shadow:inset 3px 0 #9fef00}.level-options button{grid-template-columns:1fr auto;gap:6px;display:grid}.level-options span{font-weight:800}.level-options small{color:#8295a8;grid-column:1;line-height:1.5}.weekly-hours{color:#aebdcb;gap:10px;margin-top:28px;font-size:11px;display:grid}.weekly-hours input{accent-color:#9fef00;width:100%}.weekly-hours b{color:#9fef00}@media (max-width:800px){.survey-stage{grid-template-columns:1fr;gap:24px}.survey-stage .welcome-copy h1{font-size:42px}.survey-options{grid-template-columns:1fr}}