@layer legacy{body:has(.page-404):after{display:none}.page-404{box-sizing:border-box;text-align:center;background:var(--brown);min-height:100svh;color:var(--cream);font-family:var(--font-sans);justify-content:center;align-items:center;padding:24px;display:flex}.page-404 main{max-width:560px}.page-404 img{width:min(180px,45vw);height:auto;margin:0 auto;animation:2.4s ease-in-out infinite bob404}@keyframes bob404{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-10px)rotate(4deg)}}.page-404 .code{font-family:var(--font-hand);color:var(--pink);margin:10px 0 0;font-size:1.8rem}.page-404 h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.04em;margin:8px 0 16px;font-size:clamp(2rem,8vw,3.6rem);line-height:.95}.page-404 h1 span{color:var(--acid);display:block}.page-404 p{opacity:.85;margin:0 0 28px;line-height:1.6}.page-404 a.btn{background:var(--acid);color:var(--brown);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;border:0;border-radius:999px;padding:14px 24px;font-size:.85rem;text-decoration:none;transition:transform .2s,background .2s;display:inline-block}.page-404 a.btn:hover{background:var(--pink);transform:translateY(-3px)}.page-404 a.btn:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.page-404 .links{margin-top:22px;font-size:.9rem}.page-404 .links a{color:var(--cream);margin:0 4px;padding:10px 6px;display:inline-block}@media (prefers-reduced-motion:reduce){.page-404 img{animation:none}}}