<x-app-layout>
    <x-slot name="title">404 Tidak Ditemukan</x-slot>
    <div style="min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px">
        <div style="font-size:80px;font-weight:900;color:#bfdbfe;font-family:'Plus Jakarta Sans',sans-serif;line-height:1;margin-bottom:8px">404</div>
        <div style="font-size:20px;font-weight:700;color:#0f172a;margin-bottom:6px">Halaman Tidak Ditemukan</div>
        <div style="font-size:14px;color:#64748b;margin-bottom:24px">Halaman yang kamu cari tidak ada atau sudah dipindahkan.</div>
        <a href="{{ route('home') }}" class="btn-pes-primary" style="text-decoration:none">← Kembali ke Beranda</a>
    </div>
</x-app-layout>
