@tailwind base;@tailwind components;@tailwind utilities;.glitch-wrapper{display:inline-block}.glitch{position:relative;color:#fff;letter-spacing:.1em;animation:text-flicker 3s infinite alternate}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#05050500}.glitch:before{left:2px;text-shadow:-2px 0 #00ffff;clip:rect(24px,550px,90px,0);animation:glitch-anim-1 3s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #ff00ff;clip:rect(85px,550px,140px,0);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}.scanline-text{position:relative;overflow:hidden;display:inline-block}.scanline-text:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,255,255,.1) 51%,transparent 51%);background-size:100% 4px;animation:scanline-move 10s linear infinite;pointer-events:none}@keyframes scanline-move{0%{background-position:0 0}to{background-position:0 100%}}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,10px,0)}20%{clip:rect(60px,9999px,70px,0)}40%{clip:rect(20px,9999px,30px,0)}60%{clip:rect(80px,9999px,90px,0)}80%{clip:rect(10px,9999px,50px,0)}to{clip:rect(40px,9999px,10px,0)}}@keyframes glitch-anim-2{0%{clip:rect(10px,9999px,50px,0)}20%{clip:rect(80px,9999px,20px,0)}40%{clip:rect(30px,9999px,10px,0)}60%{clip:rect(50px,9999px,60px,0)}80%{clip:rect(20px,9999px,80px,0)}to{clip:rect(70px,9999px,30px,0)}}@keyframes text-flicker{0%{opacity:.9}5%{opacity:1}10%{opacity:.9}15%{opacity:1}to{opacity:1}}
