:root{--e404-bg0:#fef1f7;--e404-bg1:#fff;--e404-card:#fff;--e404-text:#14121a;--e404-muted:#5f5c6b;--e404-border:#14121a1a;--e404-accent:#6f60cc;--e404-accent-hover:#5e52b3;--e404-focus:#6f60cc73;--e404-card-max:520px;--e404-radius:12px}.e404-shell{font-family:var(--font-inter), Inter, system-ui, -apple-system, Segoe UI, sans-serif;color:var(--e404-text);background:linear-gradient(165deg, var(--e404-bg0) 0%, var(--e404-bg1) 45%, #fafafa 100%);-webkit-font-smoothing:antialiased;line-height:1.5}.e404-header{padding:1rem clamp(1rem,4vw,1.5rem);padding-top:max(1rem, env(safe-area-inset-top))}.e404-logo{color:var(--e404-text);letter-spacing:-.02em;align-items:center;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.e404-logo img{width:auto;height:28px;display:block}.e404-main{justify-content:center;align-items:center;min-height:calc(100dvh - 100px);padding:0 clamp(1rem,4vw,1.5rem) 6rem;display:flex}.e404-card{max-width:var(--e404-card-max);background:var(--e404-card);border:1px solid var(--e404-border);border-radius:var(--e404-radius);text-align:center;padding:clamp(1.5rem,4vw,2rem);box-shadow:0 1px 2px #0f172a0a,0 12px 40px #6366f10f}.e404-code{letter-spacing:-.05em;color:var(--e404-accent);margin-bottom:.5rem;font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:1}.e404-heading{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;line-height:1.25}.e404-description{color:var(--e404-muted);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.e404-description strong{color:var(--e404-text);font-weight:600}.e404-actions{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.e404-btn{font:inherit;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.e404-btn-primary{background:var(--e404-accent);color:#fff}.e404-btn-primary:hover{background:var(--e404-accent-hover)}.e404-btn-primary:active{transform:scale(.98)}.e404-btn-primary:focus-visible{outline:2px solid var(--e404-focus);outline-offset:2px}.e404-btn-secondary{color:var(--e404-accent);border:1px solid var(--e404-border);background:0 0}.e404-btn-secondary:hover{background:var(--e404-border)}.e404-btn-secondary:focus-visible{outline:2px solid var(--e404-focus);outline-offset:2px}.e404-footer{border-top:1px solid var(--e404-border);color:var(--e404-muted);margin-top:1.5rem;padding-top:1.25rem;font-size:.75rem;line-height:1.45}.e404-footer a{color:#4f46e5}