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

<BaseLayout title="404">
  <div class="not-found container">
    <div class="accent-line"></div>
    <div class="err-code font-mono">exit code 404</div>
    <h1>Node <span class="text-accent">Not Found</span></h1>
    <p class="text-muted" style="margin:1.5rem 0 2.5rem;font-family:var(--font-mono);font-size:0.9rem">
      $ ping {Astro.url.pathname} — <span class="text-accent">100% packet loss</span>
    </p>
    <a href="/" class="btn btn-primary">← back to /</a>
  </div>
</BaseLayout>

<style>
  .not-found {
    padding-top: 14rem;
    padding-bottom: 8rem;
  }

  .err-code {
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    color: var(--text-muted);
    margin-bottom: 1rem;
  }
</style>