.notfound{text-align:center;padding:120px 20px;min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .notfound .icon{font-size:80px;margin-bottom:24px;line-height:1}
  .notfound h1{font-size:36px;margin-bottom:12px;color:var(--ink)}
  .notfound p{font-size:16px;color:var(--muted);margin-bottom:32px;max-width:480px}
  .notfound .actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
  .notfound .actions a{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;transition:.2s}
  .notfound .btn-primary{background:var(--brand-grad);color:#fff}
  .notfound .btn-primary:hover{opacity:.9;color:#fff}
  .notfound .btn-outline{border:1.5px solid var(--line);color:var(--slate);background:var(--card)}
  .notfound .btn-outline:hover{border-color:var(--brand);color:var(--brand)}