:root{--background:#000;--foreground:#fff;--glitch-color:#ff00ea;--accent-1:#00f2ff;--accent-2:#fffb00}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--foreground);font-family:Inter,sans-serif;cursor:crosshair}a{color:inherit;text-decoration:none}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;opacity:.05;background:url(https://grainy-gradients.vercel.app/noise.svg)}.glitch-text{position:relative;font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.8;font-size:8rem}.glitch-text:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) infinite both}.glitch-text:hover:after,.glitch-text:hover:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-text:hover:before{color:red;z-index:-1;animation:glitch-anim-1 .3s cubic-bezier(.25,.46,.45,.94) infinite both}.glitch-text:hover:after{color:#00f;z-index:-2;animation:glitch-anim-2 .3s cubic-bezier(.25,.46,.45,.94) infinite reverse both}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-5px,5px)}40%{transform:translate(-5px,-5px)}60%{transform:translate(5px,5px)}80%{transform:translate(5px,-5px)}to{transform:translate(0)}}@keyframes glitch-anim-1{0%{-webkit-clip-path:inset(20% 0 30% 0);clip-path:inset(20% 0 30% 0)}20%{-webkit-clip-path:inset(50% 0 10% 0);clip-path:inset(50% 0 10% 0)}40%{-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0)}60%{-webkit-clip-path:inset(80% 0 5% 0);clip-path:inset(80% 0 5% 0)}80%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}to{-webkit-clip-path:inset(20% 0 30% 0);clip-path:inset(20% 0 30% 0)}}@keyframes glitch-anim-2{0%{-webkit-clip-path:inset(40% 0 10% 0);clip-path:inset(40% 0 10% 0)}20%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}40%{-webkit-clip-path:inset(70% 0 20% 0);clip-path:inset(70% 0 20% 0)}60%{-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0)}80%{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0)}to{-webkit-clip-path:inset(40% 0 10% 0);clip-path:inset(40% 0 10% 0)}}.strobe:hover{animation:strobe-bg .1s infinite}@keyframes strobe-bg{0%{background-color:#000}50%{background-color:#111}to{background-color:#000}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(hsla(0,6%,7%,0) 50%,rgba(0,0,0,.25) 0),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 2px,3px 100%;pointer-events:none;z-index:200;opacity:.1}.leakage-trigger:hover{text-shadow:-10px 0 15px rgba(255,0,0,.7),10px 0 15px rgba(0,0,255,.7),0 0 30px hsla(0,0%,100%,.3);transition:text-shadow .1s}