:root{--color-systems:#0f8;--color-creative:#0af;--color-lab:#f0a;--color-white:#fff;--color-black:#000;--color-text-primary:hsla(0,0%,100%,.95);--color-text-secondary:hsla(0,0%,100%,.75);--color-text-muted:hsla(0,0%,100%,.6);--color-text-hint:hsla(0,0%,100%,.45);--border-primary:rgba(0,170,255,.3);--border-secondary:rgba(0,170,255,.15);--border-subtle:hsla(0,0%,100%,.05);--bg-card:rgba(0,10,20,.8);--bg-card-hover:rgba(0,20,40,.6);--bg-overlay:rgba(0,0,0,.4);--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:-0.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:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--transition-elastic:0.6s cubic-bezier(0.16,1,0.3,1);--shadow-sm:0 0 20px rgba(0,0,0,.3);--shadow-md:0 0 40px rgba(0,0,0,.4);--shadow-lg:0 0 60px rgba(0,0,0,.5);--shadow-glow-blue:0 0 30px rgba(0,170,255,.3);--shadow-glow-green:0 0 30px rgba(0,255,136,.3);--shadow-glow-magenta:0 0 30px rgba(255,0,170,.3)}@media (max-width:768px){:root{--section-padding-y:80px;--section-padding-x:20px;--text-3xl:36px;--text-4xl:48px}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden;background:#000;font-family:SF Mono,Fira Code,Consolas,monospace;color:#fff;margin:0;padding:0}body{width:100vw;min-height:100vh}body,main{position:relative}main{width:100%}::selection{background:rgba(0,170,255,.3);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.5)}::-webkit-scrollbar-thumb{background:rgba(0,170,255,.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(0,170,255,.5)}.boot-sequence{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999;display:flex;align-items:center;justify-content:center;animation:bootFadeIn .3s ease}.boot-fade-out{animation:bootCRTCollapse .5s ease forwards}@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{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000}.error-container{text-align:center;padding:40px;max-width:600px}.error-label{font-size:10px;letter-spacing:3px;color:#f44;margin-bottom:20px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,68,68,.5)}.error-title{font-size:32px;letter-spacing:5px;font-weight:900;color:#fff;margin-bottom:30px;text-transform:uppercase;text-shadow:0 0 20px hsla(0,0%,100%,.3)}.error-message{font-size:14px;line-height:1.8;color:hsla(0,0%,100%,.7);margin-bottom:40px}.error-button,.error-message{font-family:SF Mono,Fira Code,monospace}.error-button{background:none;border:1px solid rgba(255,68,68,.4);color:#f44;font-size:12px;letter-spacing:2px;padding:12px 24px;cursor:pointer;text-transform:uppercase;transition:all .2s ease;text-shadow:0 0 5px rgba(255,68,68,.5)}.error-button:hover{background:rgba(255,68,68,.1);border-color:#f44;box-shadow:0 0 10px rgba(255,68,68,.3)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:5000}.loading-container{text-align:center}.loading-spinner{width:60px;height:60px;border:3px solid rgba(0,170,255,.2);border-top-color:#0af;border-radius:50%;animation:loadingSpin 1s linear infinite;margin:0 auto 30px;box-shadow:0 0 20px rgba(0,170,255,.3)}.loading-text{font-size:12px;letter-spacing:3px;color:hsla(0,0%,100%,.7);text-transform:uppercase;font-family:SF Mono,Fira Code,monospace}@keyframes loadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.scanlines:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 50%,rgba(0,0,0,.02) 0,rgba(0,0,0,.02));background-size:100% 3px;pointer-events:none;z-index:9998;animation:scanlineFlicker .1s infinite}@keyframes scanlineFlicker{0%,to{opacity:.8}50%{opacity:.85}}.glitch-text{position:relative;animation:glitchSkew 3s linear infinite alternate-reverse}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 #f0a;animation:glitchTop 2s linear infinite alternate-reverse}.glitch-text:after,.glitch-text:before{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.glitch-text:after{left:-2px;text-shadow:2px 0 #0af;animation:glitchBottom 3s linear infinite alternate-reverse}@keyframes glitchSkew{0%,87%,to{transform:skewX(0deg)}88%{transform:skewX(-1deg)}89%{transform:skewX(1deg)}90%{transform:skewX(0deg)}}@keyframes glitchTop{0%,95%,to{-webkit-clip-path:inset(0 0 95% 0);clip-path:inset(0 0 95% 0)}96%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0)}97%{-webkit-clip-path:inset(80% 0 5% 0);clip-path:inset(80% 0 5% 0)}98%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0)}}@keyframes glitchBottom{0%,94%,to{-webkit-clip-path:inset(95% 0 0 0);clip-path:inset(95% 0 0 0)}95%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0)}96%{-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0)}97%{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0)}}.neon-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}.neon-glow-subtle{text-shadow:0 0 5px currentColor,0 0 15px currentColor}.holographic{background:linear-gradient(135deg,rgba(0,255,136,.1),rgba(0,170,255,.15) 25%,rgba(255,0,170,.1) 50%,rgba(0,170,255,.15) 75%,rgba(0,255,136,.1));background-size:400% 400%;animation:holographicShift 8s ease infinite}@keyframes holographicShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes dataStream{0%{background-position:0 0;opacity:.5}50%{opacity:.8}to{background-position:100% 100%;opacity:.5}}.data-stream{background:linear-gradient(180deg,transparent,rgba(0,255,136,.05) 50%,transparent);background-size:100% 200%;animation:dataStream 4s linear infinite}.cyber-border{position:relative}.cyber-border:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0f8,#0af,#f0a,#0af,#0f8);background-size:400% 400%;animation:borderGlow 3s ease infinite;z-index:-1;border-radius:inherit;opacity:.7;filter:blur(4px)}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pulse-ring{position:relative}.pulse-ring:after{content:"";position:absolute;inset:-10px;border:1px solid;border-radius:inherit;opacity:0;animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:scale(.95);opacity:.5}to{transform:scale(1.1);opacity:0}}@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}}[data-clickable],a,body,button{cursor:none}@media (hover:none) and (pointer:coarse){body{cursor:auto}[data-clickable],a,button{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);overflow:hidden;box-shadow:var(--shadow-md),inset 0 0 40px rgba(0,50,100,.05)}.terminal-header{display:flex;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)}.terminal-dots{display:flex;gap:var(--space-2)}.terminal-dot{width:12px;height:12px;border-radius:50%}.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-bl,.corner-br,.corner-tl,.corner-tr{position:absolute;width:20px;height:20px;pointer-events:none}.corner-tl{left:0;border-left:2px solid var(--border-primary)}.corner-tl,.corner-tr{top:0;border-top:2px solid var(--border-primary)}.corner-tr{right:0;border-right:2px solid var(--border-primary)}.corner-bl{left:0;border-left:2px solid var(--border-primary)}.corner-bl,.corner-br{bottom:0;border-bottom:2px solid var(--border-primary)}.corner-br{right:0;border-right:2px solid var(--border-primary)}.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)}[data-clickable],[role=button],button{transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}[data-clickable]:hover,[role=button]:hover,button:hover:not(:disabled){transform:translateY(-1px)}[data-clickable]:active,[role=button]:active,button:active:not(:disabled){transform:translateY(1px) scale(.98)}.cta-button,[data-cta]{position:relative;overflow:hidden}.cta-button:before,[data-cta]:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.1);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.cta-button:hover:before,[data-cta]:hover:before{width:300%;height:300%}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:linear-gradient(90deg,rgba(0,170,255,.1),rgba(0,170,255,.2) 50%,rgba(0,170,255,.1));background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.loading-spinner-sm{width:16px;height:16px;border:2px solid rgba(0,170,255,.2);border-top:2px solid var(--color-creative);border-radius:50%;animation:loadingSpin .8s linear infinite}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.ripple{position:absolute;border-radius:50%;background:rgba(0,170,255,.3);pointer-events:none;animation:ripple .6s ease-out}.status-dot{width:8px;height:8px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.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:hsla(0,0%,100%,.3)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.command-line{display:flex;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)}.command-prompt{color:var(--color-systems)}.command-text{color:var(--color-creative)}.command-cursor{display:inline-block;width:10px;height:18px;background:var(--color-creative);animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,var(--border-primary),transparent)}.divider-animated{position:relative;height:2px;background:linear-gradient(90deg,transparent,rgba(0,170,255,.3),transparent);overflow:hidden}.divider-animated:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,var(--color-creative),transparent);animation:dividerSweep 3s linear infinite}@keyframes dividerSweep{0%{left:-50%}to{left:100%}}.section-transition{opacity:0;transform:translateY(40px);transition:opacity .6s ease-out,transform .6s ease-out}.section-transition.visible{opacity:1;transform:translateY(0)}.stagger-reveal>*{opacity:0;transform:translateY(20px)}.stagger-reveal.visible>:first-child{transition-delay:0ms}.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;transform:translateY(0);transition:opacity .5s ease-out,transform .5s ease-out}@keyframes typeReveal{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.type-reveal{animation:typeReveal .8s ease-out forwards}@keyframes glitchReveal{0%{opacity:0;transform:translateX(-10px) skewX(5deg);filter:hue-rotate(90deg)}30%{opacity:1;transform:translateX(5px) skewX(-3deg);filter:hue-rotate(-90deg)}60%{transform:translateX(-3px) skewX(2deg);filter:hue-rotate(45deg)}to{transform:translateX(0) skewX(0);filter:hue-rotate(0deg)}}.glitch-reveal{animation:glitchReveal .5s ease-out forwards}@keyframes fadeScaleReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-scale-reveal{animation:fadeScaleReveal .6s ease-out forwards}:focus{outline:none}:focus-visible{outline:2px solid var(--color-creative);outline-offset:2px;border-radius:2px}[data-clickable]:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--color-systems);outline-offset:3px;box-shadow:0 0 0 4px rgba(0,255,136,.2)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-creative);outline-offset:0;border-color:var(--color-creative)}.skip-link{position:fixed;top:-100%;left:50%;transform:translateX(-50%);padding:12px 24px;background:var(--color-creative);color:var(--color-black);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-decoration:none;z-index:10001;border-radius:var(--radius-md);transition:top .3s ease}.skip-link:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}.reduced-motion *,.reduced-motion :after,.reduced-motion :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduced-motion{--animation-duration:0.01ms;--transition-duration:0.01ms}.reduced-motion html{scroll-behavior:auto}.reduced-motion .cursor-particles,.reduced-motion .glitch-text:after,.reduced-motion .glitch-text:before,.reduced-motion .noise-overlay,.reduced-motion .particles{display:none!important}