:root{--bg-void:#050505;--bg-surface:#0a0a0f;--bg-elevated:#12121a;--neon-cyan:#00fff5;--neon-magenta:#f0f;--neon-blue:#0080ff;--neon-pink:#ff2a6d;--text-primary:#e8e8f0;--text-muted:#606070;--text-bright:#fff;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--max-width:1200px;--header-height:64px}@supports (color:oklch(0 0 0)){:root{--neon-cyan:oklch(85% .25 190);--neon-magenta:oklch(65% .28 330)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:var(--neon-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--text-bright)}::selection{color:var(--text-bright);background:#00fff540}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--text-bright);font-weight:700;line-height:1.1}h1{font-size:clamp(2.5rem,8vw,5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}.neon-text{color:#fff;text-shadow:0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px var(--neon-cyan), 0 0 82px var(--neon-cyan), 0 0 102px var(--neon-cyan)}.neon-text--magenta{text-shadow:0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px var(--neon-magenta), 0 0 82px var(--neon-magenta), 0 0 102px var(--neon-magenta)}.section-title{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:var(--space-2xl);font-size:clamp(.75rem,1.5vw,.875rem);font-weight:400}.section-title:before{content:"// ";opacity:.5}code{font-family:var(--font-mono);color:var(--neon-cyan);font-size:.9em}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotateBorder{to{--border-angle:360deg}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.7}94%{opacity:1}96%{opacity:.8}97%{opacity:1}}.animate-in{animation:.6s ease-out both fadeInUp}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.glass-card{-webkit-backdrop-filter:blur(12px)saturate(150%);border-radius:var(--radius-md);background:#0a0a0f99;border:1px solid #00fff51a;transition:border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d,inset 0 0 20px #00fff505}.glass-card--magenta{border-color:#ff00ff1a;box-shadow:0 8px 32px #0000004d,inset 0 0 20px #ff00ff05}.glass-card--hover:hover{border-color:#00fff54d;box-shadow:0 8px 32px #0006,inset 0 0 30px #00fff50a}.neon-glow{transition:box-shadow .3s}.neon-glow:hover{box-shadow:0 0 7px #00fff599,0 0 15px #00fff566,0 0 30px #00fff533,0 0 60px #00fff51a}.neon-glow--magenta:hover{box-shadow:0 0 7px #f0f9,0 0 15px #f0f6,0 0 30px #f0f3,0 0 60px #ff00ff1a}.neon-border{border-radius:var(--radius-md);background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, conic-gradient(from var(--border-angle,0deg), var(--neon-cyan), var(--neon-magenta), var(--neon-blue), var(--neon-cyan)) border-box;border:2px solid #0000;animation:3s linear infinite rotateBorder}.neon-line{background:linear-gradient(90deg, transparent, var(--neon-cyan) 20%, var(--neon-magenta) 80%, transparent);opacity:.4;height:1px}:focus-visible{box-shadow:0 0 0 2px var(--bg-void), 0 0 0 4px var(--neon-cyan), 0 0 12px #00fff54d;outline:none}.scanlines{position:relative}.scanlines:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000,#0000 2px,#0000001f 2px 4px);position:absolute;inset:0}.noise-overlay{z-index:9999;pointer-events:none;opacity:.04;mix-blend-mode:overlay;position:fixed;inset:0}.neon-btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.8rem;text-decoration:none;transition:all .3s;display:inline-flex}.neon-btn--cyan{color:var(--neon-cyan)}.neon-btn--magenta{color:var(--neon-magenta)}.neon-btn--cyan:hover{background:#00fff51a;box-shadow:0 0 15px #00fff54d,0 0 30px #00fff526}.neon-btn--magenta:hover{background:#ff00ff1a;box-shadow:0 0 15px #ff00ff4d,0 0 30px #ff00ff26}.site-header{z-index:100;height:var(--header-height);padding:0 var(--space-lg);border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-header__name{font-family:var(--font-mono);letter-spacing:.2em;color:var(--neon-cyan);font-size:.85rem;font-weight:700;text-decoration:none}.site-header__nav{gap:var(--space-lg);display:flex}.site-header__link{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;text-decoration:none;transition:color .2s}.site-header__link:hover{color:var(--neon-cyan)}.hero-section{text-align:center;padding:clamp(3rem, 10vh, 6rem) var(--space-lg) var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-section__tagline{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.15em;margin-top:var(--space-lg);max-width:500px;font-size:clamp(.8rem,2vw,1rem)}.hero-section__buttons{gap:var(--space-md);margin-top:var(--space-2xl);display:flex}