:root{--color-systems:#0f8;--color-creative:#0af;--color-lab:#f0a;--color-white:#fff;--color-black:#000;--color-text-primary:#fffffff2;--color-text-secondary:#ffffffbf;--color-text-muted:#fff9;--color-text-hint:#ffffff73;--border-primary:#00aaff4d;--border-secondary:#00aaff26;--border-subtle:#ffffff0d;--bg-card:#000a14cc;--bg-card-hover:#00142899;--bg-overlay:#0006;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--text-xs:9px;--text-sm:11px;--text-base:13px;--text-md:14px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--text-4xl:72px;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:1px;--tracking-wider:2px;--tracking-widest:4px;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--section-padding-y:120px;--section-padding-x:40px;--container-sm:600px;--container-md:800px;--container-lg:1000px;--container-xl:1200px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-elastic:.6s cubic-bezier(.16,1,.3,1);--shadow-sm:0 0 20px #0000004d;--shadow-md:0 0 40px #0006;--shadow-lg:0 0 60px #00000080;--shadow-glow-blue:0 0 30px #00aaff4d;--shadow-glow-green:0 0 30px #00ff884d;--shadow-glow-magenta:0 0 30px #ff00aa4d}@media (max-width:768px){:root{--section-padding-y:80px;--section-padding-x:20px;--text-3xl:36px;--text-4xl:48px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{color:#fff;background:#000;max-width:100vw;margin:0;padding:0;font-family:SF Mono,Fira Code,Consolas,monospace;overflow-x:hidden}body{width:100vw;min-height:100vh;position:relative}main{width:100%;position:relative}::selection{color:#fff;background:#00aaff4d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:#00aaff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00aaff80}.boot-sequence{z-index:9999;background:#000;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s bootFadeIn;display:flex;position:fixed;top:0;left:0}.boot-fade-out{animation:.5s forwards bootCRTCollapse}@keyframes bootFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bootCRTCollapse{0%{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(.01)}to{opacity:0;transform:scaleY(0)}}.error-boundary{z-index:10000;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.error-container{text-align:center;max-width:600px;padding:40px}.error-label{letter-spacing:3px;color:#f44;text-transform:uppercase;text-shadow:0 0 10px #ff444480;margin-bottom:20px;font-size:10px}.error-title{letter-spacing:5px;color:#fff;text-transform:uppercase;text-shadow:0 0 20px #ffffff4d;margin-bottom:30px;font-size:32px;font-weight:900}.error-message{color:#ffffffb3;margin-bottom:40px;font-family:SF Mono,Fira Code,monospace;font-size:14px;line-height:1.8}.error-button{color:#f44;letter-spacing:2px;cursor:pointer;text-transform:uppercase;text-shadow:0 0 5px #ff444480;background:0 0;border:1px solid #f446;padding:12px 24px;font-family:SF Mono,Fira Code,monospace;font-size:12px;transition:all .2s}.error-button:hover{background:#ff44441a;border-color:#f44;box-shadow:0 0 10px #ff44444d}.loading-screen{z-index:5000;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-container{text-align:center}.loading-spinner{border:3px solid #0af3;border-top-color:#0af;border-radius:50%;width:60px;height:60px;margin:0 auto 30px;animation:1s linear infinite loadingSpin;box-shadow:0 0 20px #00aaff4d}.loading-text{letter-spacing:3px;color:#ffffffb3;text-transform:uppercase;font-family:SF Mono,Fira Code,monospace;font-size:12px}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanlines:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(#00000005 0% 50%,#0000 50% 100%) 0 0/100% 3px;animation:.1s infinite scanlineFlicker;position:fixed;inset:0}@keyframes scanlineFlicker{0%,to{opacity:.8}50%{opacity:.85}}.glitch-text{animation:3s linear infinite alternate-reverse glitchSkew;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 #f0a;clip-path:inset(0);animation:2s linear infinite alternate-reverse glitchTop;left:2px}.glitch-text:after{text-shadow:2px 0 #0af;clip-path:inset(0);animation:3s linear infinite alternate-reverse glitchBottom;left:-2px}@keyframes glitchSkew{0%,87%,to{transform:skew(0)}88%{transform:skew(-1deg)}89%{transform:skew(1deg)}90%{transform:skew(0)}}@keyframes glitchTop{0%,95%,to{clip-path:inset(0 0 95%)}96%{clip-path:inset(20% 0 60%)}97%{clip-path:inset(80% 0 5%)}98%{clip-path:inset(40% 0)}}@keyframes glitchBottom{0%,94%,to{clip-path:inset(95% 0 0)}95%{clip-path:inset(60% 0 20%)}96%{clip-path:inset(10% 0 70%)}97%{clip-path:inset(50% 0 30%)}}.neon-glow{text-shadow:0 0 5px,0 0 10px,0 0 20px,0 0 40px}.neon-glow-subtle{text-shadow:0 0 5px,0 0 15px}.holographic{background:linear-gradient(135deg,#00ff881a 0%,#00aaff26 25%,#ff00aa1a 50%,#00aaff26 75%,#00ff881a 100%) 0 0/400% 400%;animation:8s infinite holographicShift}@keyframes holographicShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes dataStream{0%{opacity:.5;background-position:0 0}50%{opacity:.8}to{opacity:.5;background-position:100% 100%}}.data-stream{background:linear-gradient(#0000 0%,#00ff880d 50%,#0000 100%) 0 0/100% 200%;animation:4s linear infinite dataStream}.cyber-border{position:relative}.cyber-border:before{content:"";z-index:-1;border-radius:inherit;opacity:.7;filter:blur(4px);background:linear-gradient(45deg,#0f8,#0af,#f0a,#0af,#0f8) 0 0/400% 400%;animation:3s infinite borderGlow;position:absolute;inset:-2px}@keyframes borderGlow{0%,to{background-position:0%}50%{background-position:100%}}.pulse-ring{position:relative}.pulse-ring:after{content:"";border-radius:inherit;opacity:0;border:1px solid;animation:2s ease-out infinite pulseRing;position:absolute;inset:-10px}@keyframes pulseRing{0%{opacity:.5;transform:scale(.95)}to{opacity:0;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}body,a,button,[data-clickable]{cursor:none}@media (hover:none) and (pointer:coarse){body{cursor:auto}a,button,[data-clickable]{cursor:pointer}}@media (max-width:768px){::-webkit-scrollbar{width:4px}}.terminal-window{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),inset 0 0 40px #0032640d;overflow:hidden}.terminal-header{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--bg-card-hover);border-bottom:1px solid var(--border-secondary);display:flex}.terminal-dots{gap:var(--space-2);display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot-red{background:#ff5f56}.terminal-dot-yellow{background:#ffbd2e}.terminal-dot-green{background:#27ca40}.terminal-title{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.terminal-body{padding:var(--space-6)}.corner-tl,.corner-tr,.corner-bl,.corner-br{pointer-events:none;width:20px;height:20px;position:absolute}.corner-tl{border-top:2px solid var(--border-primary);border-left:2px solid var(--border-primary);top:0;left:0}.corner-tr{border-top:2px solid var(--border-primary);border-right:2px solid var(--border-primary);top:0;right:0}.corner-bl{border-bottom:2px solid var(--border-primary);border-left:2px solid var(--border-primary);bottom:0;left:0}.corner-br{border-bottom:2px solid var(--border-primary);border-right:2px solid var(--border-primary);bottom:0;right:0}.section-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-widest);text-transform:uppercase}.section-label-systems{color:var(--color-systems)}.section-label-creative{color:var(--color-creative)}.section-label-lab{color:var(--color-lab)}.card-base{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card-base:hover{border-color:var(--border-primary);box-shadow:var(--shadow-glow-blue)}button,[role=button],[data-clickable]{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}button:hover:not(:disabled),[role=button]:hover,[data-clickable]:hover{transform:translateY(-1px)}button:active:not(:disabled),[role=button]:active,[data-clickable]:active{transform:translateY(1px)scale(.98)}.cta-button,[data-cta]{position:relative;overflow:hidden}.cta-button:before,[data-cta]:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-button:hover:before,[data-cta]:hover:before{width:300%;height:300%}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#00aaff1a 0%,#0af3 50%,#00aaff1a 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeletonPulse}.loading-spinner-sm{border:2px solid #0af3;border-top-color:var(--color-creative);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite loadingSpin}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ripple{pointer-events:none;background:#00aaff4d;border-radius:50%;animation:.6s ease-out ripple;position:absolute}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite statusPulse}.status-dot-active{background:var(--color-systems);box-shadow:0 0 10px var(--color-systems)}.status-dot-pending{background:#fa0;box-shadow:0 0 10px #fa0}.status-dot-inactive{background:#ffffff4d}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.command-line{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-5);background:var(--bg-overlay);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-base);display:flex}.command-prompt{color:var(--color-systems)}.command-text{color:var(--color-creative)}.command-cursor{background:var(--color-creative);width:10px;height:18px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.divider-gradient{background:linear-gradient(90deg,transparent,var(--border-primary),transparent);height:1px}.divider-animated{background:linear-gradient(90deg,#0000,#00aaff4d,#0000);height:2px;position:relative;overflow:hidden}.divider-animated:after{content:"";background:linear-gradient(90deg,transparent,var(--color-creative),transparent);width:50%;height:100%;animation:3s linear infinite dividerSweep;position:absolute;top:0;left:-100%}@keyframes dividerSweep{0%{left:-50%}to{left:100%}}.section-transition{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(40px)}.section-transition.visible{opacity:1;transform:translateY(0)}.stagger-reveal>*{opacity:0;transform:translateY(20px)}.stagger-reveal.visible>:first-child{transition-delay:0s}.stagger-reveal.visible>:nth-child(2){transition-delay:50ms}.stagger-reveal.visible>:nth-child(3){transition-delay:.1s}.stagger-reveal.visible>:nth-child(4){transition-delay:.15s}.stagger-reveal.visible>:nth-child(5){transition-delay:.2s}.stagger-reveal.visible>:nth-child(6){transition-delay:.25s}.stagger-reveal.visible>*{opacity:1;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(0)}@keyframes typeReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.type-reveal{animation:.8s ease-out forwards typeReveal}@keyframes glitchReveal{0%{opacity:0;filter:hue-rotate(90deg);transform:translate(-10px)skew(5deg)}30%{opacity:1;filter:hue-rotate(-90deg);transform:translate(5px)skew(-3deg)}60%{filter:hue-rotate(45deg);transform:translate(-3px)skew(2deg)}to{filter:hue-rotate();transform:translate(0)skew(0)}}.glitch-reveal{animation:.5s ease-out forwards glitchReveal}@keyframes fadeScaleReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-scale-reveal{animation:.6s ease-out forwards fadeScaleReveal}:focus{outline:none}:focus-visible{outline:2px solid var(--color-creative);outline-offset:2px;border-radius:2px}button:focus-visible,a:focus-visible,[data-clickable]:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-systems);outline-offset:3px;box-shadow:0 0 0 4px #0f83}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-creative);outline-offset:0;border-color:var(--color-creative)}.skip-link{background:var(--color-creative);color:var(--color-black);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);z-index:10001;border-radius:var(--radius-md);padding:12px 24px;text-decoration:none;transition:top .3s;position:fixed;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:20px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reduced-motion{--animation-duration:.01ms;--transition-duration:.01ms}.reduced-motion html{scroll-behavior:auto}.reduced-motion .particles,.reduced-motion .cursor-particles,.reduced-motion .noise-overlay,.reduced-motion .glitch-text:before,.reduced-motion .glitch-text:after{display:none!important}