.error-page { text-align: center; padding: 3rem 0 4rem; }
.error-code { font-size: clamp(2.5rem, 15vw, 5rem); font-weight: 800; color: var(--c-border); line-height: 1; margin: 0; }
.error-page h1 { margin: 0.5rem 0 0.75rem; }
.error-page p { color: var(--c-muted); max-width: 420px; margin: 0 auto 2rem; }
.error-links { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }
.error-links a {
  display: inline-block;
  padding: 0.5rem 1.25rem;
  border: 1px solid var(--c-accent);
  border-radius: 6px;
  color: var(--c-accent);
  font-weight: 500;
  transition: background 200ms ease, color 200ms ease;
}
.error-links a:hover { background: var(--c-accent); color: #fff; text-decoration: none; }

@media (max-width: 480px) {
  .error-page { padding: 2rem 0 2.5rem; }
  .error-links { flex-direction: column; align-items: center; }
  .error-links a { width: 100%; max-width: 240px; text-align: center; }
}