---
import BaseLayout from '../layouts/BaseLayout.astro';
---

<BaseLayout title="Не найдено" description="Страница не найдена">
  <div class="not-found">
    <h1>404</h1>
    <p>Такой страницы здесь нет. Возможно, она переехала или давно удалена.</p>
    <p><a href="/">← На главную</a></p>
  </div>
</BaseLayout>

<style>
  .not-found { text-align: center; padding: 3rem 1rem; max-width: 520px; margin: 0 auto; }
  .not-found h1 {
    font-family: var(--font-serif);
    font-size: clamp(3rem, 8vw, 5rem);
    color: var(--accent);
    margin: 0;
  }
  .not-found p { color: var(--muted); margin: 0.5rem 0; }
  .not-found a { color: var(--accent); }
</style>