/* ===== 2Provi · 404 — หน้าไม่พบข้อมูล ===== */

.nf{position:relative;overflow:hidden;isolation:isolate;
  padding:5.5rem 0 4.5rem;min-height:calc(100vh - 190px);display:flex;align-items:center}
.nf-in{position:relative;z-index:1;text-align:center;max-width:820px}

.nf-code{font-size:clamp(5.5rem,18vw,10rem);font-weight:800;line-height:.92;letter-spacing:-.03em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  opacity:.9;margin-bottom:.3rem}

.nf h1{font-size:clamp(1.65rem,4.4vw,2.6rem);margin:1rem 0 .85rem}
.nf .lead{color:var(--text2);font-size:1.02rem;line-height:1.95;max-width:560px;margin:0 auto}
.nf-row{justify-content:center;margin:1.9rem 0 2.6rem}

.nf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.9rem;text-align:left}
.nf-grid a{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.2rem;
  border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh1);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.nf-grid a:hover{transform:translateY(-5px);box-shadow:var(--sh2);border-color:rgba(var(--a5),.45)}
.nf-grid .ico{font-size:1.5rem;line-height:1}
.nf-grid b{font-size:.98rem}
.nf-grid small{color:var(--muted);font-size:.83rem;line-height:1.6}

.nf-help{margin-top:2rem;color:var(--muted);font-size:.9rem}
.nf-help a{font-weight:800;color:var(--b600)}
[data-theme="dark"] .nf-help a{color:var(--sky)}

@media (max-width:640px){
  .nf{padding:4rem 0 3.2rem;min-height:0}
  .nf-row{flex-direction:column}
  .nf-row .btn{width:100%;justify-content:center}
}