.nf-wrap{min-height:calc(100vh - 58px);display:flex;align-items:center;justify-content:center;padding:40px 28px;position:relative;overflow:hidden}
  .nf-grid{position:absolute;inset:0;pointer-events:none;opacity:0.5;
    background-image:linear-gradient(var(--line-2) 1px,transparent 1px),linear-gradient(90deg,var(--line-2) 1px,transparent 1px);
    background-size:48px 48px;mask-image:radial-gradient(60% 55% at 50% 45%,#000 0%,transparent 75%)}
  .nf{position:relative;text-align:center;max-width:520px}
  .nf-code{font-family:var(--font-display);font-weight:700;font-size:128px;line-height:1;letter-spacing:-0.05em;color:var(--tx-1);
    display:inline-flex;align-items:center;gap:6px}
  .nf-code .mark{width:96px;height:96px;display:inline-flex;align-items:center;justify-content:center}
  .nf-code .mark img{width:84px;height:84px;opacity:0.92}
  :root[data-theme="dark"] .nf-code .mark img{filter:invert(1) brightness(2)}
  .nf h1{font-family:var(--font-display);font-weight:600;font-size:26px;letter-spacing:-0.02em;margin:22px 0 10px}
  .nf p{font-size:15px;color:var(--tx-2);line-height:1.6;margin:0 auto 26px;max-width:400px}
  .nf-search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:11px 14px;max-width:420px;margin:0 auto 18px}
  .nf-search svg{width:16px;height:16px;color:var(--tx-3)}
  .nf-search input{flex:1;background:none;border:none;outline:none;color:var(--tx-1);font-family:var(--font-display);font-size:14px}
  .nf-search input::placeholder{color:var(--tx-3)}
  .nf-search .p-kbd{flex-shrink:0}
  .nf-ctas{display:flex;gap:10px;justify-content:center;margin-bottom:30px}
  .nf-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
  .nf-link{font-family:var(--font-mono);font-size:12px;color:var(--tx-2);background:var(--raise);border:1px solid var(--line);border-radius:999px;padding:7px 13px;text-decoration:none;transition:all 140ms}
  .nf-link:hover{color:var(--tx-1);border-color:var(--tx-3)}
  .nf-status{margin-top:30px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--tx-3)}
  .nf-status .d{width:6px;height:6px;border-radius:50%;background:var(--ok)}

  @media (max-width:520px){
    .nf-wrap{padding:34px 20px}
    .nf-code{font-size:96px}
    .nf h1{font-size:26px}
    .nf-actions{flex-direction:column}
    .nf-actions .pb{width:100%;justify-content:center}
    .nf-links{grid-template-columns:1fr}
  }