:root{--indigo-opaque:#2b2553}html,body,#root{height:100%;margin:0}body{background:var(--indigo-opaque);color:#fff}.center{justify-content:center;align-items:center;min-height:100%;display:flex}h1{text-align:center;margin:0;font-family:Audiowide,sans-serif;font-size:clamp(2.5rem,10vw,6.25rem);font-weight:400}.glitch{cursor:default;white-space:pre;transition:text-shadow .2s,letter-spacing .3s;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;pointer-events:none;position:absolute;inset:0}.glitch:before{color:#60f}.glitch:after{color:#a20ab7}.glitch:hover{letter-spacing:.04em;text-shadow:0 0 12px #8c96ffcc}.glitch:hover:before{opacity:.8;animation:.6s steps(2,end) infinite glitch-a}.glitch:hover:after{opacity:.8;animation:.6s steps(2,end) infinite glitch-b}@keyframes glitch-a{0%{clip-path:inset(10% 0 60%);transform:translate(-3px)}25%{clip-path:inset(50% 0 20%);transform:translate(3px,-2px)}50%{clip-path:inset(70% 0 5%);transform:translate(-2px,2px)}75%{clip-path:inset(25% 0 45%);transform:translate(2px)}to{clip-path:inset(5% 0 75%);transform:translate(-3px,1px)}}@keyframes glitch-b{0%{clip-path:inset(60% 0 10%);transform:translate(3px)}25%{clip-path:inset(15% 0 55%);transform:translate(-3px,2px)}50%{clip-path:inset(40% 0 35%);transform:translate(2px,-2px)}75%{clip-path:inset(75% 0 5%);transform:translate(-2px)}to{clip-path:inset(20% 0 50%);transform:translate(3px,-1px)}}@media (prefers-reduced-motion:reduce){.glitch:hover:before,.glitch:hover:after{opacity:0;animation:none}}