.nf-404{background:var(--bg);color:var(--ink);font-family:var(--font-inter), Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;letter-spacing:normal;background-image:radial-gradient(900px 500px at 50% -10%, color-mix(in srgb, var(--color-brand-500) 16%, transparent), transparent 70%);text-wrap:pretty;flex-direction:column;min-height:100vh;display:flex}.nf-404 *{box-sizing:border-box;margin:0}.nf-404 a{color:var(--brand-300);text-decoration:none}.nf-404 a:hover{text-decoration:underline}.nf-404 header{padding:22px clamp(24px,4vw,48px)}.nf-404 .logo{font-weight:var(--fw-bold);font-size:var(--fs-xl);color:var(--ink);align-items:center;gap:10px;display:inline-flex}.nf-404 .logo-img{width:auto;height:22px;display:block}.nf-404 main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px 80px;display:flex}.nf-404 .code{font-family:var(--font-inter), Inter;font-weight:var(--fw-regular);font-size:clamp(72px,16vw,150px);line-height:var(--lh-none);letter-spacing:var(--ls-display);font-variant-numeric:tabular-nums;color:var(--ink)}.nf-404 h1{font-size:var(--fs-display-quiet);font-weight:var(--fw-semibold);letter-spacing:var(--ls-display);margin:14px 0 0}.nf-404 p{color:var(--ink2);font-size:var(--fs-lg);max-width:46ch;line-height:var(--lh-body);margin:14px auto 0}.nf-404 .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.nf-404 .btn{font-size:var(--fs-lg);font-weight:var(--fw-semibold);border-radius:var(--r-8);background:var(--brand);color:var(--color-white);border:1px solid #0000;align-items:center;gap:8px;padding:12px 22px;display:inline-flex}.nf-404 .btn:hover{background:var(--color-brand-400);text-decoration:none}.nf-404 .btn.ghost{border-color:var(--line2);color:var(--ink2);background:0 0}.nf-404 .btn.ghost:hover{background:var(--panel2);color:var(--ink)}.nf-404 footer{color:var(--mute);font-size:var(--fs-sm);border-top:1px solid var(--line2);text-align:center;padding:22px clamp(24px,4vw,48px)}
