@import "https://fonts.googleapis.com/css2?family=Monoton&display=swap";:root{--sp-bg:#0a1c2f;--sp-text:#e8edf2;--sp-accent:#16e0bd;--sp-highlight:#ffb800;--sp-glow-teal-soft:#16e0bdbf;--sp-glow-teal-strong:#16e0bd;--sp-glow-amber:#ffb800e6}html,body{box-sizing:border-box;height:100%;margin:0;padding:0}body{background-color:var(--sp-bg);color:var(--sp-text);overflow:hidden}.sp-404-shell{justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex}.sp-404-inner{text-align:center;background:radial-gradient(circle at top,#16e0bd24,#0000 60%),#0a1c2f;border:1px solid #25425fcc;border-radius:16px;width:100%;max-width:640px;padding:3rem 2.4rem;box-shadow:0 24px 60px #000000b3}.sp-404-inner div{text-align:center;text-transform:uppercase;color:var(--sp-accent);text-shadow:0 0 40px var(--sp-glow-teal-soft),0 0 18px var(--sp-glow-amber),0 0 4px var(--sp-accent);margin-top:0;padding:0;font-family:Monoton,cursive;font-size:clamp(3.2rem,10vw,5.6rem)}.sp-404-inner div p{margin:.4rem}#error{color:#fff;text-shadow:0 0 40px #fff,0 0 18px var(--sp-glow-teal-soft),0 0 4px var(--sp-accent)}#code{color:var(--sp-accent)}#code span:first-of-type{text-shadow:none;opacity:.4}@media (hover:hover) and (pointer:fine){#error:hover{text-shadow:0 0 100px #fff,0 0 50px var(--sp-glow-teal-strong),0 0 6px var(--sp-accent)}#code:hover{text-shadow:0 0 80px var(--sp-glow-teal-strong),0 0 34px var(--sp-glow-amber),0 0 6px var(--sp-accent)}}#error span{animation:6s linear infinite upper}#code span:nth-of-type(2){animation:9s linear infinite lower}@keyframes upper{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:.99;text-shadow:0 0 40px #fff,0 0 18px var(--sp-glow-teal-soft),0 0 4px var(--sp-accent)}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4;text-shadow:none}}@keyframes lower{0%,12%,18.999%,23%,31.999%,37%,44.999%,46%,49.999%,51%,58.999%,61%,68.999%,71%,85.999%,96%,to{opacity:.99;text-shadow:0 0 40px var(--sp-glow-teal-soft),0 0 18px var(--sp-glow-amber),0 0 4px var(--sp-accent)}19%,22.99%,32%,36.999%,45%,45.999%,50%,50.99%,59%,60.999%,69%,70.999%,86%,95.999%{opacity:.4;text-shadow:none}}@media (max-width:480px){.sp-404-shell{padding:1.6rem}.sp-404-inner{padding:2.4rem 1.8rem}.sp-404-inner div{font-size:clamp(2.4rem,9vw,3.8rem)}}@media (min-width:1440px){.sp-404-inner{max-width:720px}}