.glitch-container{width:300px;height:300px;position:relative}.glitch-logo{background-image:url("data:image/svg+xml;utf8,<svg width=\"512\" height=\"512\" viewBox=\"0 0 512 512\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"40\" y=\"40\" width=\"432\" height=\"432\" rx=\"20\" stroke=\"%231A1A1A\" stroke-width=\"40\"/><rect x=\"80\" y=\"80\" width=\"352\" height=\"352\" rx=\"10\" fill=\"%23050505\"/><path d=\"M256 140L330 256L256 372L182 256L256 140Z\" fill=\"%2300F3FF\"/><rect x=\"140\" y=\"254\" width=\"232\" height=\"4\" fill=\"%23FF0055\" /><path d=\"M40 120V40H120\" stroke=\"%2300F3FF\" stroke-width=\"8\"/><path d=\"M392 472H472V392\" stroke=\"%2300F3FF\" stroke-width=\"8\"/></svg>");background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-logo:before,.glitch-logo:after{content:"";background-image:inherit;background-size:inherit;opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-logo:before{text-shadow:-2px 0 #f05;clip-path:inset(45% 0);animation:2.5s linear infinite alternate-reverse glitch-anim-1;left:2px}.glitch-logo:after{text-shadow:-2px 0 #00f3ff;clip-path:inset(10% 0 80%);animation:3s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 30%);transform:translate(-5px,-2px)}20%{clip-path:inset(60% 0 10%);transform:translate(5px,2px)}40%{clip-path:inset(40% 0 50%);transform:translate(-5px)}60%{clip-path:inset(80% 0 5%);transform:translate(5px,-2px)}80%{clip-path:inset(10% 0 70%);transform:translate(-2px,2px)}to{clip-path:inset(30% 0 20%);transform:translate(0)}}@keyframes glitch-anim-2{0%{clip-path:inset(15% 0);transform:translate(2px,5px)}25%{clip-path:inset(10% 0 85%);transform:translate(-2px,-5px)}50%{clip-path:inset(45% 0);transform:translate(2px)}75%{clip-path:inset(80% 0 10%);transform:translate(-5px,2px)}to{clip-path:inset(5% 0 75%);transform:translate(0)}}