:root{--nav-height: 70px;--header-height: 60px;--sidebar-width: 80px;--sidebar-width-tablet: 100px;--void-bg: #050505;--void-surface: #0a0a0a;--void-elevated: #111111;--void-card: #0d0d0d;--cyan-core: #00F0FF;--cyan-dim: rgba(0, 240, 255, .3);--cyan-glow: rgba(0, 240, 255, .15);--purple-core: #A855F7;--purple-dim: rgba(168, 85, 247, .3);--purple-glow: rgba(168, 85, 247, .15);--gold-core: #D4AF37;--gold-dim: rgba(212, 175, 55, .3);--gold-glow: rgba(212, 175, 55, .15);--white-text: #E0E0E0;--white-dim: rgba(255, 255, 255, .5);--danger-red: #FF3366;--glass-bg: rgba(10, 10, 10, .85);--glass-border: rgba(0, 240, 255, .2);--font-mono: "JetBrains Mono", "Geist Mono", "Fira Code", monospace;--font-sans: "Inter", "Geist", system-ui, sans-serif}.text-gradient{background:linear-gradient(135deg,var(--cyan-core),var(--purple-core));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,var(--gold-core),#F5D77A,var(--gold-core));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-tag{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--white-dim);border:1px solid rgba(255,255,255,.1);padding:4px 12px;display:inline-block;margin-bottom:16px}.section-tag.tag-active{color:var(--cyan-core);border-color:var(--cyan-dim);background:#00f0ff0d}.cockpit{margin:0;background-color:var(--void-bg);min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:var(--header-height) 1fr var(--nav-height);grid-template-columns:1fr;grid-template-areas:"header" "main" "nav";font-family:var(--font-sans);color:var(--white-text);overflow:hidden}.cockpit:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:1000}.nav-array{grid-area:nav;background:var(--void-bg);border-top:1px solid var(--cyan-core);display:flex;justify-content:space-around;align-items:center;padding:0 16px;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:50px;background:transparent;border:none;color:var(--white-dim);cursor:pointer;transition:all .2s ease;position:relative}.nav-item svg{width:24px;height:24px;transition:all .2s ease}.nav-item:hover,.nav-item:focus{color:var(--cyan-core)}.nav-item.active{color:var(--cyan-core)}.nav-item.active:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--cyan-core);box-shadow:0 0 10px var(--cyan-core),0 0 20px var(--cyan-core);border-radius:2px}.nav-item:active{color:#fff;transform:scale(.95)}.status-header{grid-area:header;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;padding:0 16px;padding-top:env(safe-area-inset-top,0);position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100}.header-left{display:flex;align-items:center;gap:8px}.logo-mark{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--cyan-core);color:var(--void-bg);font-family:var(--font-mono);font-weight:700;font-size:14px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.logo-text{display:none;font-family:var(--font-mono);font-weight:600;font-size:14px;letter-spacing:2px;color:var(--white-text)}.breadcrumb{display:none;font-family:var(--font-mono);font-size:12px;color:var(--cyan-core);letter-spacing:1px}.header-center{font-family:var(--font-mono);font-size:11px;color:var(--white-dim);text-transform:uppercase;letter-spacing:1px}.vitals-display{display:none}.header-right{display:flex;align-items:center;gap:12px}.pilot-info{display:none}.pilot-avatar{width:36px;height:36px;background:var(--void-surface);border:2px solid var(--cyan-dim);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--cyan-core);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;padding:0}.pilot-avatar img{width:100%;height:100%;object-fit:cover;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.pilot-avatar:hover{border-color:var(--cyan-core)}.pilot-avatar.has-image{background:transparent;padding:0}.avatar-menu-wrapper{position:relative}.avatar-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#0a0a0af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--cyan-dim);border-radius:4px;padding:6px 0;z-index:200;box-shadow:0 0 20px #00f0ff14,0 8px 32px #0009;animation:dropdown-slide-in .2s ease-out}.avatar-dropdown:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;background:#0a0a0af2;border-left:1px solid var(--cyan-dim);border-top:1px solid var(--cyan-dim);transform:rotate(45deg)}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:10px 16px;display:flex;flex-direction:column;gap:2px}.dropdown-username{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--cyan-core);letter-spacing:1px}.dropdown-role{font-family:var(--font-mono);font-size:9px;color:var(--white-dim);letter-spacing:2px}.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,var(--cyan-dim),transparent);margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--white-text);font-family:var(--font-mono);font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.dropdown-item:hover{background:#00f0ff0f;color:var(--cyan-core)}.dropdown-item:hover svg{opacity:1}.dropdown-item-danger:hover{background:#ff336614;color:var(--danger-red)}.neural-icon{color:var(--purple-core)!important}.main-stage.neural-interface{grid-area:main;display:flex;flex-direction:column;margin-top:var(--header-height);margin-bottom:var(--nav-height);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ni-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--void-bg);overflow:hidden;padding:20px 20px 80px}.neural-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.neural-fingerprint{position:absolute;z-index:1;width:260px;height:260px;top:42%;left:50%;transform:translate(-50%,-50%);opacity:.3;pointer-events:none}.fingerprint-svg{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(0,240,255,.3))}.brain-morph{stroke:var(--cyan-dim);opacity:0;transition:opacity 1.2s ease,stroke 1.2s ease,d 1.2s ease}.brain-morph.morph-active{opacity:1;stroke:var(--cyan-core);filter:drop-shadow(0 0 8px rgba(0,240,255,.5))}.brain-morph.morph-alt1.morph-active{stroke:var(--purple-core);filter:drop-shadow(0 0 8px rgba(168,85,247,.5))}.brain-morph.morph-alt2.morph-active{stroke:var(--gold-core);filter:drop-shadow(0 0 8px rgba(212,175,55,.5))}.brain-morph.morph-alt3.morph-active{stroke:var(--cyan-core);filter:drop-shadow(0 0 10px rgba(0,240,255,.6))}.brain-morph.morph-alt4.morph-active{stroke:#ff6b9d;filter:drop-shadow(0 0 8px rgba(255,107,157,.5))}.fp-node{fill:var(--cyan-core);opacity:.6;animation:fp-node-pulse 2.5s ease-in-out infinite}@keyframes fp-node-pulse{0%,to{opacity:.4;r:2}50%{opacity:.9;r:4}}.fp-connection{stroke:var(--purple-dim);stroke-width:.5;stroke-dasharray:4,6;animation:fp-conn-dash 4s linear infinite}@keyframes fp-conn-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 20px}.hero-headline{font-family:var(--font-sans);font-size:clamp(30px,6.5vw,66px);font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:24px}.headline-unique{display:block;background:linear-gradient(135deg,var(--cyan-core) 0%,var(--purple-core) 50%,var(--gold-core) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:headline-shimmer 6s ease-in-out infinite;background-size:200% 200%}@keyframes headline-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.headline-learning{display:block;color:var(--white-text);text-shadow:0 0 40px rgba(0,240,255,.15);font-size:.85em;margin-top:4px}.hero-sub{font-family:var(--font-sans);font-size:clamp(14px,2vw,19px);color:#ffffff8c;line-height:1.7;letter-spacing:.3px;margin-bottom:48px;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto}.text-dim-strike{color:#ffffff4d;text-decoration:line-through;text-decoration-color:#f369;text-decoration-thickness:2px}.cta-journey{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-sans);font-size:16px;font-weight:600;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#00f0ff26,#a855f726);border:1px solid rgba(0,240,255,.3);border-radius:60px;padding:18px 48px;cursor:pointer;transition:all .4s ease;overflow:hidden;box-shadow:0 0 20px #00f0ff1a,0 0 60px #00f0ff0d,inset 0 1px #ffffff1a;animation:cta-journey-breathe 3s ease-in-out infinite}@keyframes cta-journey-breathe{0%,to{box-shadow:0 0 20px #00f0ff1a,0 0 60px #00f0ff0d,inset 0 1px #ffffff1a}50%{box-shadow:0 0 30px #00f0ff33,0 0 80px #00f0ff14,0 0 120px #a855f70f,inset 0 1px #ffffff26}}.cta-journey:hover{background:linear-gradient(135deg,#00f0ff40,#a855f740);border-color:#00f0ff80;transform:translateY(-3px);box-shadow:0 0 40px #00f0ff40,0 0 100px #00f0ff1a,0 8px 30px #0000004d,inset 0 1px #fff3}.cta-journey:active{transform:translateY(-1px)}.cta-journey-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.08) 0%,transparent 70%);animation:cta-glow-pulse 3s ease-in-out infinite;pointer-events:none}@keyframes cta-glow-pulse{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.cta-primary{position:relative;display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:1px;color:var(--cyan-core);background:transparent;border:1px solid var(--cyan-core);padding:16px 36px;cursor:pointer;text-transform:uppercase;transition:all .3s ease;overflow:hidden}.cta-primary:hover{background:#00f0ff14;box-shadow:0 0 20px var(--cyan-glow),0 0 40px #00f0ff14;transform:translateY(-2px)}.cta-primary:active{transform:translateY(0)}.cta-icon{font-size:18px}.cta-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.1) 0%,transparent 70%);animation:cta-glow-pulse 3s ease-in-out infinite;pointer-events:none}.cta-large{font-size:16px;padding:20px 48px}.hero-scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;animation:float-hint 2s ease-in-out infinite}.scroll-text{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;color:var(--white-dim)}.scroll-arrow svg{width:20px;height:20px;color:var(--cyan-core);opacity:.6}@keyframes float-hint{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.ni-problem{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.ni-problem.visible{opacity:1;transform:translateY(0)}.problem-container{position:relative;width:100%;height:80vh;display:flex;overflow:hidden}.problem-left,.problem-right{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;min-width:50%}.problem-left{background:#080808}.artifact-bg{position:absolute;inset:0;overflow:hidden}.conveyor-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly;padding:40px}.conveyor-line{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:conveyor-move 4s linear infinite}@keyframes conveyor-move{0%{transform:translate(-100%)}to{transform:translate(100%)}}.glitch-overlay{position:absolute;inset:0;pointer-events:none}.glitch-block{position:absolute;width:40px;height:2px;background:#ff33664d;animation:glitch-flicker 2s step-end infinite}@keyframes glitch-flicker{0%,95%{opacity:0}96%{opacity:1;transform:translate(-5px)}97%{opacity:0}98%{opacity:1;transform:translate(3px)}99%{opacity:0}}.problem-right{background:radial-gradient(ellipse at center,rgba(168,85,247,.05) 0%,var(--void-bg) 70%)}.organism-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.wireframe-head{width:200px;height:200px;opacity:.6}.head-svg{width:100%;height:100%}.data-node{animation:node-pulse 2s ease-in-out infinite}@keyframes node-pulse{0%,to{r:3;opacity:.6}50%{r:5;opacity:1}}.conn-line{animation:conn-dash 3s linear infinite;stroke-dasharray:4,8}@keyframes conn-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-24}}.problem-text-block{position:relative;z-index:2;text-align:center}.problem-title{font-family:var(--font-sans);font-size:clamp(24px,4vw,40px);font-weight:700;color:var(--white-dim);margin-bottom:20px;letter-spacing:-.5px}.problem-title.title-active{color:var(--white-text)}.problem-traits{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.trait{font-family:var(--font-mono);font-size:13px;letter-spacing:2px;padding:6px 16px;border:1px solid}.trait-dead{color:#ffffff4d;border-color:#ffffff1a;text-decoration:line-through}.trait-live{color:var(--cyan-core);border-color:var(--cyan-dim);animation:trait-glow 2s ease-in-out infinite alternate}@keyframes trait-glow{0%{box-shadow:none}to{box-shadow:0 0 10px var(--cyan-glow)}}.problem-divider{position:absolute;top:0;bottom:0;width:2px;z-index:5;display:flex;align-items:center;justify-content:center}.divider-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--cyan-core),var(--purple-core),transparent);box-shadow:0 0 10px var(--cyan-core)}.divider-icon{position:relative;z-index:6;font-size:20px;color:var(--cyan-core);text-shadow:0 0 10px var(--cyan-core);background:var(--void-bg);padding:8px}.ni-roadmap{position:relative;min-height:100vh;padding:80px 20px 60px;background:var(--void-bg);opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.ni-roadmap.visible{opacity:1;transform:translateY(0)}.roadmap-header{text-align:center;margin-bottom:48px}.roadmap-title{font-family:var(--font-sans);font-size:clamp(28px,5vw,48px);font-weight:800;letter-spacing:-1px;color:var(--white-text);margin-bottom:12px}.roadmap-sub{font-family:var(--font-mono);font-size:14px;color:var(--white-dim);letter-spacing:1px}.roadmap-track{display:flex;flex-direction:column;gap:32px;position:relative;max-width:1200px;margin:0 auto}.timeline-line{display:none}.phase-card{position:relative;display:flex;flex-direction:column;background:var(--void-card);border:1px solid rgba(255,255,255,.06);border-radius:2px;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.phase-card:hover{border-color:var(--cyan-dim);transform:translateY(-4px)}.phase-visual{height:180px;position:relative;overflow:hidden;background:var(--void-bg)}.phase-content{padding:24px}.phase-number{font-family:var(--font-mono);font-size:48px;font-weight:700;color:#ffffff0a;position:absolute;top:-10px;right:16px;line-height:1}.phase-name{font-family:var(--font-mono);font-size:18px;font-weight:700;letter-spacing:3px;color:var(--cyan-core);margin-bottom:4px}.phase-range{font-family:var(--font-mono);font-size:12px;color:var(--white-dim);letter-spacing:2px}.phase-desc{font-family:var(--font-sans);font-size:14px;color:var(--white-dim);line-height:1.6;margin:16px 0}.phase-feature{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#00f0ff08;border-left:2px solid var(--cyan-core)}.feature-icon{font-size:18px}.feature-text{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--cyan-core)}.spark-orbs{position:absolute;inset:0}.spark-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.6),rgba(0,240,255,.2),transparent);filter:blur(4px);animation:float-orb 4s ease-in-out infinite alternate}@keyframes float-orb{0%{transform:translate(0) scale(1)}to{transform:translate(10px,-15px) scale(1.2)}}.nexus-grid{position:absolute;inset:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;opacity:.3}.nexus-cell{background:#00f0ff1a;border:1px solid rgba(0,240,255,.15);animation:cell-blink 3s step-end infinite}@keyframes cell-blink{0%,80%{opacity:1}85%{opacity:.3}90%{opacity:1}}.nexus-bridges{position:absolute;inset:0;width:100%;height:100%}.core-hud{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.hud-ring{position:absolute;border-radius:50%;border:1px solid}.hud-ring-outer{width:140px;height:140px;border-color:#00f0ff4d;animation:rotate-ring 20s linear infinite}.hud-ring-inner{width:90px;height:90px;border-color:#a855f74d;animation:rotate-ring 15s linear infinite reverse}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hud-crosshair{position:absolute;width:20px;height:20px}.hud-crosshair:before,.hud-crosshair:after{content:"";position:absolute;background:var(--cyan-core)}.hud-crosshair:before{width:20px;height:1px;top:50%;left:0}.hud-crosshair:after{width:1px;height:20px;left:50%;top:0}.hud-data{position:absolute;font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:var(--cyan-core);opacity:.6}.hud-data-top{top:15px;left:50%;transform:translate(-50%)}.hud-data-bottom{bottom:15px;left:50%;transform:translate(-50%)}.hud-data-left{left:10px;top:50%;transform:translateY(-50%)}.hud-data-right{right:10px;top:50%;transform:translateY(-50%)}.ni-pillars{position:relative;min-height:100vh;padding:80px 20px 60px;background:var(--void-bg);opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.ni-pillars.visible{opacity:1;transform:translateY(0)}.pillars-header{text-align:center;margin-bottom:48px}.pillars-title{font-family:var(--font-sans);font-size:clamp(28px,5vw,48px);font-weight:800;letter-spacing:-1px;color:var(--white-text)}.bento-grid{display:grid;grid-template-columns:1fr;gap:16px;max-width:1200px;margin:0 auto}.bento-box{position:relative;background:var(--void-card);border:1px solid rgba(255,255,255,.06);border-radius:2px;overflow:hidden;transition:border-color .3s ease,transform .3s ease}.bento-box:hover{border-color:var(--cyan-dim);transform:translateY(-2px)}.bento-visual{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.bento-label{display:flex;align-items:flex-start;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.04)}.bento-icon{font-size:24px;flex-shrink:0;line-height:1}.golden-icon{color:var(--gold-core)!important}.bento-text h3{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:1px;color:var(--white-text);margin-bottom:4px}.bento-text p{font-family:var(--font-sans);font-size:13px;color:var(--white-dim);line-height:1.5}.math-morph{font-family:var(--font-mono);font-size:clamp(20px,4vw,32px);font-weight:300;color:var(--cyan-core);text-shadow:0 0 20px var(--cyan-glow);position:relative;z-index:2}.math-equation{transition:all .5s ease;display:inline-block}.math-equation.morphing{animation:morph-eq .5s ease}@keyframes morph-eq{0%{opacity:1;transform:translateY(0);filter:blur(0)}50%{opacity:0;transform:translateY(-10px);filter:blur(4px)}51%{transform:translateY(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.equation-trails{position:absolute;inset:0;pointer-events:none}.trail-eq{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;color:var(--cyan-dim);white-space:nowrap}.chat-sim{display:flex;flex-direction:column;gap:10px;padding:20px;width:100%;max-width:280px}.chat-bubble{font-family:var(--font-mono);font-size:12px;padding:10px 14px;border-radius:2px;max-width:85%;line-height:1.5}.chat-student{background:#ffffff0f;color:var(--white-dim);align-self:flex-end;border:1px solid rgba(255,255,255,.08)}.chat-ai{background:#a855f714;color:var(--purple-core);border:1px solid var(--purple-dim);align-self:flex-start}.chat-typing{animation:type-reveal 3s steps(40) infinite;overflow:hidden;white-space:nowrap;display:inline-block;max-width:100%}@keyframes type-reveal{0%{max-width:0}70%{max-width:100%}to{max-width:100%}}.chat-cursor{font-family:var(--font-mono);font-size:14px;color:var(--purple-core);animation:blink-cursor 1s step-end infinite;padding-left:20px}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.memory-curve{width:100%;max-width:280px;padding:10px}.curve-svg{width:100%;height:auto}.spike-path{opacity:.3;transition:opacity .3s ease}.spike-path.spike-active{opacity:1;filter:drop-shadow(0 0 4px rgba(0,240,255,.8))}.spike-2.spike-active{filter:drop-shadow(0 0 4px rgba(168,85,247,.8))}.golden-visual{height:280px}.golden-thread-container{position:relative;height:100%;width:40px;margin:0 auto}.golden-line{position:absolute;top:0;left:50%;width:2px;height:0%;transform:translate(-50%);background:linear-gradient(180deg,var(--gold-core),rgba(212,175,55,.3));box-shadow:0 0 8px var(--gold-glow),0 0 16px #d4af371a;animation:golden-thread-grow 5s ease-in-out infinite}@keyframes golden-thread-grow{0%{height:0%}50%{height:100%}to{height:0%}}.golden-nodes{position:absolute;inset:0}.g-node{position:absolute;left:50%;display:flex;align-items:center;gap:12px;white-space:nowrap}.g-node:nth-child(odd){transform:translate(-100%) translate(-12px);flex-direction:row-reverse}.g-node:nth-child(2n){transform:translate(12px)}.g-node-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-core);box-shadow:0 0 8px var(--gold-core);flex-shrink:0}.g-node-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--gold-core);opacity:.8}.ni-human{position:relative;min-height:100vh;padding:80px 20px 60px;background:var(--void-bg);display:flex;align-items:center;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.ni-human.visible{opacity:1;transform:translateY(0)}.human-container{display:flex;flex-direction:column;gap:48px;max-width:1200px;margin:0 auto;width:100%}.human-text-side{flex:1}.human-title{font-family:var(--font-sans);font-size:clamp(28px,5vw,48px);font-weight:800;letter-spacing:-1px;color:var(--white-text);margin-bottom:20px;line-height:1.1}.human-desc{font-family:var(--font-sans);font-size:16px;color:var(--white-dim);line-height:1.7;max-width:500px;margin-bottom:32px}.human-quote{font-family:var(--font-sans);font-size:15px;font-style:italic;color:var(--white-dim);border-left:2px solid var(--purple-core);padding:16px 24px;margin:0;background:#a855f708;line-height:1.7;max-width:500px}.quote-mark{font-size:24px;color:var(--purple-core);opacity:.5;font-style:normal}.human-visual-side{flex:1;display:flex;justify-content:center;perspective:800px}.dashboard-float{width:100%;max-width:480px;background:var(--void-card);border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden;transform:rotateY(-5deg) rotateX(3deg);transition:transform .4s ease;box-shadow:0 0 40px #00000080,0 0 80px #00f0ff08}.dashboard-float:hover{transform:rotateY(0) rotateX(0)}.dash-header-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.dash-dot{width:8px;height:8px;border-radius:50%}.dash-dot.red{background:#ff5f57}.dash-dot.yellow{background:#febc2e}.dash-dot.green{background:#28c840}.dash-title-bar{font-family:var(--font-mono);font-size:10px;color:var(--white-dim);letter-spacing:1px;margin-left:8px}.heatmap-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:16px}.heat-cell{aspect-ratio:1;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:10px;animation:heat-pulse 3s ease-in-out infinite;position:relative}@keyframes heat-pulse{0%,to{opacity:.7}50%{opacity:1}}.heat-label{font-size:10px;opacity:.6}.dash-legend{display:flex;gap:16px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--white-dim);letter-spacing:.5px}.legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ni-footer{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;background:var(--void-bg);overflow:hidden;padding:80px 20px;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.ni-footer.visible{opacity:1;transform:translateY(0)}.footer-neural-bg{position:absolute;inset:0;pointer-events:none}.footer-particles{position:absolute;inset:0}.f-particle{position:absolute;width:3px;height:3px;background:var(--cyan-core);border-radius:50%;opacity:.3;animation:float-particle 5s ease-in-out infinite}@keyframes float-particle{0%,to{transform:translate(0);opacity:.1}25%{transform:translate(10px,-20px);opacity:.5}50%{transform:translate(-10px,-40px);opacity:.3}75%{transform:translate(20px,-20px);opacity:.4}}.footer-content{position:relative;z-index:2;text-align:center}.footer-headline{font-family:var(--font-sans);font-size:clamp(32px,6vw,60px);font-weight:800;letter-spacing:-1px;color:var(--white-text);margin-bottom:40px;line-height:1.1}.footer-links{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;flex-wrap:wrap}.footer-link{font-family:var(--font-mono);font-size:12px;color:var(--white-dim);text-decoration:none;letter-spacing:1px;transition:color .2s ease}.footer-link:hover{color:var(--cyan-core)}.footer-sep{color:#ffffff26;font-size:14px}.footer-stamp{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:60px}.stamp-logo{font-size:20px;color:var(--cyan-core);opacity:.4}.stamp-text{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:#fff3}@media(min-width:768px){.cockpit{grid-template-columns:var(--sidebar-width-tablet) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"nav header" "nav main"}.nav-array{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width-tablet);height:100vh;flex-direction:column;justify-content:flex-start;padding:80px 0 20px;border-top:none;border-right:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-item{width:100%;height:56px;padding:0 24px}.nav-item svg{width:26px;height:26px}.nav-item.active:before{top:50%;left:0;right:auto;transform:translateY(-50%);width:3px;height:40px}.status-header{left:var(--sidebar-width-tablet)}.logo-text,.breadcrumb{display:block}.vitals-display{display:flex;gap:24px;font-family:var(--font-mono);font-size:11px}.vital-item{display:flex;align-items:center;gap:6px}.vital-icon{color:var(--cyan-core)}.vital-value{color:var(--white-text)}.pilot-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.pilot-name{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--white-text);letter-spacing:1px}.pilot-time{font-family:var(--font-mono);font-size:10px;color:var(--cyan-core)}.main-stage.neural-interface{margin-left:var(--sidebar-width-tablet);margin-bottom:0}.roadmap-track{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding-bottom:20px}.phase-card{min-width:340px;scroll-snap-align:center;flex-shrink:0}.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large{grid-column:span 2}.bento-tall{grid-row:span 2}.human-container{flex-direction:row;align-items:center}}@media(min-width:1024px){.cockpit{grid-template-columns:var(--sidebar-width) 1fr}.nav-array{width:var(--sidebar-width)}.nav-item{height:52px}.nav-item svg{width:24px;height:24px}.nav-item:hover svg{filter:drop-shadow(0 0 8px var(--cyan-core))}.status-header{left:var(--sidebar-width);padding:0 24px}.main-stage.neural-interface{margin-left:var(--sidebar-width);padding:0}.roadmap-track{flex-direction:row;gap:32px}.phase-card{min-width:0;flex:1}.timeline-line{display:block;position:absolute;top:-20px;left:0;right:0;height:2px;background:#ffffff0f}.timeline-progress{height:100%;width:33%;background:linear-gradient(90deg,var(--cyan-core),var(--purple-core));box-shadow:0 0 10px var(--cyan-core);transition:width .5s ease}.bento-grid{grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto}.bento-large{grid-column:1;grid-row:span 1}.bento-tall{grid-row:span 2;grid-column:3}.golden-visual{height:100%;min-height:400px}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--cyan-core)}50%{box-shadow:0 0 15px var(--cyan-core),0 0 25px var(--cyan-glow)}}@keyframes bracket-pulse{0%,to{opacity:.6}50%{opacity:1}}[data-section]{will-change:opacity,transform}.neural-interface::-webkit-scrollbar{width:4px}.neural-interface::-webkit-scrollbar-track{background:var(--void-bg)}.neural-interface::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:2px}.neural-interface::-webkit-scrollbar-thumb:hover{background:var(--cyan-core)}.neural-interface{scrollbar-width:thin;scrollbar-color:var(--cyan-dim) var(--void-bg)}.pilot-avatar.login-btn{background:transparent;border:1px solid var(--cyan-core);color:var(--cyan-core);font-size:16px;width:auto;padding:0 16px;border-radius:4px;clip-path:none;gap:8px}.pilot-avatar.login-btn:hover{background:#00f0ff1a;box-shadow:0 0 20px #00f0ff99;transform:translateY(-2px);text-shadow:0 0 8px var(--cyan-core)}.cockpit.guest-mode{grid-template-rows:var(--header-height) 1fr 0;grid-template-areas:"header" "main" "nav"}.cockpit.guest-mode .main-stage.neural-interface{margin-bottom:0}@media(min-width:768px){.cockpit.guest-mode{grid-template-columns:0 1fr;grid-template-areas:"nav header" "nav main"}.cockpit.guest-mode .nav-array{display:none}.cockpit.guest-mode .main-stage.neural-interface{margin-left:0;margin-bottom:0}}.avatar-dropdown.svelte-1v2axqk{position:absolute;top:calc(100% + 14px);right:0;min-width:220px;background:#0a0a0af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,240,255,.3);border-radius:4px;padding:6px 0;z-index:1000;box-shadow:0 0 20px #00f0ff14,0 8px 32px #0009;animation:svelte-1v2axqk-dropdown-slide-in .2s ease-out}.avatar-dropdown.svelte-1v2axqk:before{content:"";position:absolute;top:-6px;right:14px;width:10px;height:10px;background:#0a0a0af2;border-left:1px solid rgba(0,240,255,.3);border-top:1px solid rgba(0,240,255,.3);transform:rotate(45deg)}@keyframes svelte-1v2axqk-dropdown-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header.svelte-1v2axqk{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.dropdown-username.svelte-1v2axqk{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;color:#00f0ff;letter-spacing:1px}.dropdown-role.svelte-1v2axqk{font-family:JetBrains Mono,monospace;font-size:10px;color:#ffffff80;letter-spacing:2px}.dropdown-divider.svelte-1v2axqk{height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent);margin:4px 0}.dropdown-item.svelte-1v2axqk{display:flex!important;align-items:center!important;flex-direction:row!important;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;color:#e0e0e0;font-family:JetBrains Mono,monospace;font-size:13px;letter-spacing:1px;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item.svelte-1v2axqk:hover{background:#00f0ff14;color:#00f0ff}.dropdown-item.svelte-1v2axqk svg{width:18px!important;height:18px!important;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.dropdown-item.svelte-1v2axqk:hover svg{opacity:1}.dropdown-item-danger.svelte-1v2axqk:hover{background:#ff33661a;color:#f36}
