@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=IBM+Plex+Mono:wght@300;400;500;700&family=VT323&display=swap";
:root{--bg-primary:#f4f4f5;--bg-secondary:#fff;--bg-card:#fff;--accent:#ff2a00;--accent-dim:#ff2a0066;--accent-glow:#ff2a0026;--accent-subtle:#ff2a0014;--text-primary:#0a0a0a;--text-secondary:#555;--text-body:#111;--border:#0a0a0a26;--border-strong:#0a0a0a;--brutalist-border:4px solid var(--text-primary);--brutalist-shadow:4px 4px 0px 0px var(--text-primary);--font-pixel:"Press Start 2P", monospace;--font-mono:"IBM Plex Mono", "Courier New", monospace;--font-terminal:"VT323", monospace;--section-padding:100px 0;--content-max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-body);background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:32px 32px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:9999;opacity:.035;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}::selection{background-color:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--text-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes glitch{0%,to{text-shadow:2px 0 var(--accent), -2px 0 #05f}25%{text-shadow:-2px -1px var(--accent), 2px 1px #05f}50%{text-shadow:1px 2px var(--accent), -1px -2px #05f}75%{text-shadow:-1px 1px var(--accent), 1px -1px #05f}}@keyframes glitchSkew{0%,to{transform:skew(0deg)}20%{transform:skew(-2deg)}40%{transform:skew(1deg)}60%{transform:skew(-1deg)}80%{transform:skew(.5deg)}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.95}52%{opacity:.8}54%{opacity:.95}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes scanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px var(--accent-dim), 0 0 10px var(--accent-glow)}50%{box-shadow:0 0 15px var(--accent-dim), 0 0 30px var(--accent-glow)}}.glitch-text{animation:3s infinite glitch}.glitch-text:hover{animation:.3s infinite glitch,.5s infinite glitchSkew}.flicker{animation:4s infinite flicker}.section-title{font-family:var(--font-pixel);color:var(--text-primary);text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:60px;font-size:clamp(1rem,2.5vw,1.5rem);position:relative}.section-title:before{content:"> ";color:var(--accent-dim)}.section-title:after{content:"_";animation:1s step-end infinite cursorBlink}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 24px}@media (max-width:768px){:root{--section-padding:60px 0}.section-title{margin-bottom:40px;font-size:clamp(.7rem,3vw,1rem)}}