.error-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-content{text-align:center;width:100%;max-width:600px;padding:4rem}.error-content h1{letter-spacing:-.05em;background:linear-gradient(90deg, var(--color-accent), #fff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(6rem,15vw,12rem);line-height:1;position:relative}.error-content h2{color:var(--color-text);margin-bottom:1.5rem;font-size:clamp(1.8rem,4vw,2.5rem)}.error-content p{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.1rem}.error-glitch{position:relative}.error-glitch:before,.error-glitch:after{content:attr(data-text);background:linear-gradient(90deg, var(--color-accent), #fff);color:#0000;-webkit-background-clip:text;background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0}.error-glitch:before{text-shadow:-1px 0 color-mix(in display-p3, var(--color-accent) 50%, transparent);animation:2s linear infinite alternate-reverse error-glitch-animation;left:2px}.error-glitch:after{text-shadow:1px 0 color-mix(in display-p3, var(--color-accent) 50%, transparent);animation:3s linear infinite alternate-reverse error-glitch-animation;left:-2px}@keyframes error-glitch-animation{0%{clip-path:inset(30% 0 70%)}20%{clip-path:inset(20% 0 80%)}40%{clip-path:inset(60% 0 20%)}60%{clip-path:inset(10% 0 90%)}80%{clip-path:inset(80% 0 10%)}to{clip-path:inset(40% 0 60%)}}@media (max-width:768px){.error-content{padding:2rem}}
