@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;700&display=swap";
:root{--neon-teal:#00d4ff;--neon-teal-dim:#00d4ff26;--neon-teal-glow:#00d4ff59;--neon-green:#39ff14;--neon-green-dim:#39ff141f;--neon-purple:#bf5fff;--neon-purple-dim:#bf5fff1f;--bg-void:#050508;--bg-base:#0a0a0f;--bg-elevated:#0d0d1a;--bg-card:#111120;--bg-raised:#161628;--bg-overlay:#0a0a0feb;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#5a5a7a;--text-on-neon:#050508;--border:#00d4ff1f;--border-subtle:#00d4ff0f;--border-glow:#00d4ff66;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--max-w:1280px;--pad-x:clamp(1rem, 4vw, 2rem);--header-h:60px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:20px;--r-full:9999px;--shadow-card:0 1px 8px #0006, 0 0 0 1px var(--border-subtle);--shadow-card-hover:0 4px 24px #0009, 0 0 0 1px var(--border), 0 0 20px var(--neon-teal-dim);--shadow-neon:0 0 8px var(--neon-teal-glow), 0 0 24px var(--neon-teal-dim);--shadow-neon-lg:0 0 16px var(--neon-teal-glow), 0 0 48px var(--neon-teal-dim), 0 0 80px #00d4ff14;--t-fast:.15s ease;--t-normal:.25s ease;--t-slow:.4s ease;--t-spring:.35s cubic-bezier(.34, 1.56, .64, 1);--text-xs:.75rem;--text-sm:.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}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--neon-teal-dim);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--neon-teal-glow)}::selection{background:var(--neon-teal-dim);color:var(--neon-teal)}.container{width:100%;max-width:var(--max-w);padding-inline:var(--pad-x);margin-inline:auto}:focus-visible{outline:2px solid var(--neon-teal);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch1{0%{clip-path:inset(20% 0 60%);transform:translate(-3px)}20%{clip-path:inset(60% 0 10%);transform:translate(3px)}40%{clip-path:inset(40% 0);transform:translate(-2px)}60%{clip-path:inset(5% 0 80%);transform:translate(2px)}80%{clip-path:inset(80% 0 5%);transform:translate(-3px)}to{clip-path:inset(20% 0 60%);transform:translate(0)}}@keyframes glitch2{0%{clip-path:inset(50% 0 30%);color:var(--neon-teal);transform:translate(3px)}20%{clip-path:inset(10% 0 70%);color:var(--neon-purple);transform:translate(-3px)}40%{clip-path:inset(70% 0 15%);color:var(--neon-teal);transform:translate(2px)}60%{clip-path:inset(30% 0 50%);color:var(--neon-purple);transform:translate(-2px)}80%{clip-path:inset(15% 0 70%);color:var(--neon-teal);transform:translate(3px)}to{clip-path:inset(50% 0 30%);transform:translate(0)}}@keyframes revealUp{0%{opacity:0;filter:blur(4px);transform:translateY(40px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes neonPulse{0%,to{box-shadow:var(--shadow-neon)}50%{box-shadow:var(--shadow-neon-lg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scrollPulse{0%{opacity:1;transform-origin:top;transform:scaleY(0)}50%{opacity:1;transform-origin:top;transform:scaleY(1)}to{opacity:0;transform-origin:bottom;transform:scaleY(1)}}@keyframes gradientSlide{0%{background-position:0 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
