<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>500 · Error</title>
<script src="https://cdn.tailwindcss.com"></script><script>tailwind.config={theme:{extend:{colors:{ink:'#0a0a0a',bone:'#f5f5f2',gold:'#d4af37'},fontFamily:{display:['Playfair Display','serif']}}}};</script><link rel="stylesheet" href="<?= asset('css/site.css') ?>"></head>
<body class="bg-ink text-bone min-h-screen flex items-center justify-center font-sans">
  <div class="text-center px-6">
    <div class="text-7xl font-display text-gold">500</div>
    <h1 class="mt-4 text-2xl font-display">Something went wrong</h1>
    <p class="mt-2 text-bone/60">Please try again in a moment.</p>
    <a href="<?= url('/') ?>" class="btn-gold mt-8 inline-block">Back to home</a>
  </div>
</body></html>
