:root{--pixel-cyan:#0bd9d9;--pixel-magenta:#f0f;--pixel-yellow:#f7ff2d;--glitch-red:#ff4874;--glitch-blue:#4a63ff;--dither-pattern:repeating-linear-gradient(45deg,transparent,transparent 1px,#b388ff2e 1px,#b388ff2e 2px);--scanline-pattern:repeating-linear-gradient(0deg,transparent,transparent 1px,#0c0c1299 1px,#0c0c1299 2px);--shadow-pixel:0 4px 22px #0000008c,0 0 0 1px #ffffff0d;--shadow-pixel-lg:0 30px 60px #000000a6,0 0 0 1px #b388ff29}@keyframes pixel-bounce{0%,20%,53%,80%,to{transform:translate(0,0)}40%,43%{transform:translateY(-4px)}70%{transform:translateY(-2px)}90%{transform:translateY(-1px)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-pixel-bounce{animation:.6s cubic-bezier(.68,-.55,.265,1.55) pixel-bounce}.animate-glitch{animation:.3s ease-in-out glitch}.animate-scanline{animation:2s linear infinite scanline}.animate-marquee{animation:marquee var(--marquee-duration,30s)linear infinite}.animate-scroll-x{animation:60s linear infinite scroll-x}.pause-on-hover:hover{animation-play-state:paused}.bg-dither{background-image:var(--dither-pattern)}.bg-scanline{background-image:var(--scanline-pattern)}.shadow-pixel{box-shadow:var(--shadow-pixel)}.shadow-pixel-lg{box-shadow:var(--shadow-pixel-lg)}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;width:100%;height:100%;transition:opacity .1s;position:absolute;top:0;left:0}.glitch-text:before{color:var(--glitch-red);transform:translate(-1px)}.glitch-text:after{color:var(--glitch-blue);transform:translate(1px)}.glitch-text:hover:before,.glitch-text:hover:after{opacity:.3}.pixel-hover{transition:all .2s cubic-bezier(.4,0,.2,1)}.pixel-hover:hover{box-shadow:var(--shadow-pixel-lg);transform:translateY(-2px)scale(1.02)}.pixel-press{transition:all .15s cubic-bezier(.4,0,.2,1)}.pixel-press:active{box-shadow:var(--shadow-pixel);transform:translateY(0)scale(.98)}.btn-hover{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-hover:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-hover:hover:before{left:100%}.btn-hover:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 8px 25px #00000026}.nav-hover{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-hover:after{content:"";background:currentColor;width:100%;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.nav-hover:hover{transform:translateY(-1px)}.stroke-text{-webkit-text-fill-color:transparent}@keyframes scan{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(500px)}}.animate-scan{animation:4s linear infinite scan}.animate-spin-slow{animation:10s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}