.ob-404{text-align:center;background:radial-gradient(60% 50% at 50% 0%, #e8b8b012, transparent 70%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;padding:32px;display:flex}.ob-404 .mark{border:.5px solid var(--border-hover);width:56px;height:56px;font-family:var(--font-serif), serif;color:var(--blush);background:linear-gradient(150deg,#0a0a0f 45%,#2a1240 100%);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-style:italic;font-weight:700;display:flex;box-shadow:0 0 40px #e8b8b01f}.ob-404 .code{font-family:var(--font-serif), serif;color:var(--text);letter-spacing:-.02em;font-size:clamp(72px,18vw,160px);font-style:italic;font-weight:400;line-height:.9}.ob-404 .code span{color:var(--blush)}.ob-404 .tag{letter-spacing:.16em;text-transform:uppercase;color:var(--blush-soft);border:.5px solid var(--border);border-radius:2px;margin-top:-8px;padding:6px 16px;font-size:11px}.ob-404 p.sub{max-width:380px;color:var(--muted);font-size:14px;font-weight:300;line-height:1.6}.ob-404 .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.ob-404 .btn-primary{font-family:var(--font-sans), sans-serif;letter-spacing:.04em;background:var(--blush);color:var(--bg);border:none;border-radius:2px;padding:14px 32px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .3s}.ob-404 .btn-primary:hover{opacity:.88}.ob-404 .btn-ghost{font-family:var(--font-sans), sans-serif;letter-spacing:.04em;color:var(--muted);border:.5px solid var(--border);background:0 0;border-radius:2px;padding:14px 32px;font-size:12px;text-decoration:none;transition:all .3s}.ob-404 .btn-ghost:hover{border-color:var(--border-hover);color:var(--text)}