:root{--color-white:#fff;--color-blue-light:#00a3ff;--color-blue-sky:#39f;--color-blue-deep:#0056b3;--color-green-accent:#00e676;--bg-primary:var(--color-white);--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#0a0e17;--text-secondary:#495057;--text-tertiary:#6c757d;--border-primary:#dee2e6;--border-secondary:#ced4da;--color-primary:var(--color-blue-light);--color-secondary:var(--color-blue-sky);--color-accent:var(--color-green-accent);--color-deep:var(--color-blue-deep);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--font-display:"Press Start 2P",cursive;--font-retro:"VT323",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-glow:0 0 20px rgba(0,163,255,.5);--shadow-glow-green:0 0 20px rgba(0,230,118,.5);--shadow-cyber:0 0 30px rgba(0,163,255,.3),0 0 60px rgba(0,163,255,.1);--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.dark{--bg-primary:#0a0e17;--bg-secondary:#141b2b;--bg-tertiary:#1e2837;--text-primary:#f8f9fa;--text-secondary:#ced4da;--text-tertiary:#adb5bd;--border-primary:#2c3e50;--border-secondary:#34495e}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-skew{0%{transform:skew(0deg)}10%{transform:skew(-2deg)}20%{transform:skew(2deg)}30%{transform:skew(-2deg)}40%{transform:skew(2deg)}50%{transform:skew(0deg)}to{transform:skew(0deg)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--color-accent)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideRight{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.4}}.animate-glitch{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) infinite both}.animate-glitch-slow{animation:glitch 2s cubic-bezier(.25,.46,.45,.94) infinite}.animate-glitch-hover:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both}.animate-typing{overflow:hidden;border-right:3px solid var(--color-accent);white-space:nowrap;animation:typing 3.5s steps(40),blink .75s step-end infinite}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-scan{animation:scan 4s linear infinite}.animate-flicker{animation:flicker 3s linear infinite}.hover-glow{transition:all var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-glow-green{transition:all var(--transition-base)}.hover-glow-green:hover{box-shadow:var(--shadow-glow-green)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.text-glitch{position:relative}.text-glitch:after,.text-glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.text-glitch:before{left:2px;text-shadow:-2px 0 var(--color-primary);clip:rect(24px,550px,90px,0);animation:glitch-skew 2s linear infinite alternate-reverse}.text-glitch:after{left:-2px;text-shadow:-2px 0 var(--color-accent);clip:rect(85px,550px,140px,0);animation:glitch-skew 3s linear infinite alternate-reverse}.cyber-grid{background-image:linear-gradient(rgba(0,163,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,163,255,.05) 1px,transparent 0);background-size:60px 60px}.scan-line{position:relative;overflow:hidden}.scan-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:scan 4s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 40px var(--color-primary)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite;background:linear-gradient(to right,var(--bg-secondary) 4%,var(--bg-tertiary) 25%,var(--bg-secondary) 36%);background-size:1000px 100%}