@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";
.not-found-container{background:linear-gradient(135deg,#1e3a8a,#134e4a,#1e3a8a);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Comfortaa,cursive;display:flex;position:relative;overflow:hidden}.background-particles{position:absolute;inset:0;overflow:hidden}.particle{opacity:.3;background-color:#5eead4;border-radius:50%;width:4px;height:4px;animation:2s infinite pulse;position:absolute}.floating-shapes{pointer-events:none;position:absolute;inset:0}.shape{position:absolute}.shape-square{border:2px solid #14b8a64d;width:5rem;height:5rem;animation:20s linear infinite spin;top:5rem;left:5rem;transform:rotate(45deg)}.shape-circle{background:linear-gradient(90deg,#14b8a633,#06b6d433);border-radius:50%;width:3rem;height:3rem;animation:2s 1s infinite bounce;top:10rem;right:8rem}.shape-ring{border:2px solid #06b6d44d;border-radius:50%;width:4rem;height:4rem;animation:3s 2s infinite pulse;bottom:8rem;left:10rem}.content{text-align:center;z-index:10;opacity:0;flex-direction:column;gap:2rem;transition:all 1s ease-out;display:flex;position:relative;transform:translateY(2.5rem)}.content.mounted{opacity:1;transform:translateY(0)}.text-404-container{position:relative}.text-404{color:#fff;letter-spacing:.1em;text-shadow:4px 4px #14b8a6,8px 8px #0891b2,12px 12px #0e7490,16px 16px #155e75,20px 20px #164e63,0 0 20px #14b8a680,0 0 40px #14b8a64d,0 0 60px #14b8a633;margin:0;font-size:clamp(4rem,15vw,9rem);font-weight:900;transition:all .2s;position:relative}.text-404.glitch-active{animation:.2s ease-in-out glitch-shake;transform:skew(2deg)}.text-404-glitch{letter-spacing:.1em;opacity:.7;text-shadow:2px 2px,4px 4px,6px 6px,8px 8px;margin:0;font-size:clamp(4rem,15vw,9rem);font-weight:900;position:absolute;inset:0}.text-404-glitch-red{color:#ef4444;transform:translate(4px,-4px)}.text-404-glitch-cyan{color:#06b6d4;transform:translate(-4px,4px)}.subtitle-container{opacity:0;flex-direction:column;gap:1rem;animation:.8s ease-out .5s forwards fade-in;display:flex}.subtitle{color:#fff;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.description{color:#d1d5db;max-width:28rem;margin:0 auto;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.icon-container{opacity:0;justify-content:center;animation:.8s ease-out 1s forwards fade-in;display:flex}.icon-wrapper{position:relative}.wifi-icon{color:#14b8a6;width:4rem;height:4rem;animation:2s infinite pulse}.icon-pulse{border:2px solid #14b8a64d;border-radius:50%;width:4rem;height:4rem;animation:2s infinite ping;position:absolute;inset:0}.button-container{opacity:0;justify-content:center;animation:.8s ease-out 1.3s forwards fade-in;display:flex}.go-back-button{color:#14b8a6;cursor:pointer;background:0 0;border:2px solid #14b8a6;border-radius:9999px;padding:.75rem 2rem;font-family:Comfortaa,cursive;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.go-back-button:hover{color:#fff;background-color:#14b8a6;transform:scale(1.05);box-shadow:0 10px 25px #14b8a64d}.button-content{z-index:2;align-items:center;gap:.5rem;display:flex;position:relative}.arrow-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.go-back-button:hover .arrow-icon{transform:translate(-.25rem)}.error-code{opacity:0;animation:.8s ease-out 1.6s forwards fade-in}.error-text{color:#6b7280;margin:0;font-family:Courier New,monospace;font-size:.75rem}@keyframes fade-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes glitch-shake{0%,to{transform:skew(0)}25%{transform:skew(2deg)translate(2px)}50%{transform:skew(-1deg)translate(-1px)}75%{transform:skew(1deg)translate(1px)}}@keyframes spin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-.75rem)}70%{transform:translateY(-.375rem)}90%{transform:translateY(-.125rem)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@media (max-width:768px){.not-found-container{padding:1rem}.content{gap:1.5rem}.shape-square{width:3rem;height:3rem;top:2rem;left:2rem}.shape-circle{width:2rem;height:2rem;top:6rem;right:2rem}.shape-ring{width:2.5rem;height:2.5rem;bottom:4rem;left:2rem}}