---
// src/pages/404.astro
import Layout from '../layouts/Layout.astro';
---

<Layout title="404 - Seite nicht gefunden | N&D IT Solutions">
  <main class="min-h-screen bg-[#0B0F19] text-white flex items-center justify-center p-4">
    <div class="preset-card p-10 bg-slate-900/80 border border-white/10 rounded-2xl max-w-lg w-full text-center space-y-6 shadow-2xl backdrop-blur-md">
      <span class="text-6xl font-extrabold text-sky-400 font-mono tracking-widest block">404</span>
      <h1 class="text-2xl font-bold text-white">Seite nicht gefunden</h1>
      <p class="text-slate-400 text-sm leading-relaxed">
        Die von Ihnen angeforderte Seite existiert nicht oder wurde verschoben.
      </p>

      <div class="pt-4">
        <a 
          href="/" 
          class="inline-block bg-sky-500 hover:bg-sky-400 text-slate-950 font-bold px-6 py-3 rounded-xl text-sm transition-all shadow-lg shadow-sky-500/20 active:scale-95"
        >
          ← Zurück zur Startseite
        </a>
      </div>
    </div>
  </main>
</Layout>