<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404 Not Found</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700;800&display=swap" rel="stylesheet">
    <style>* { font-family:'Plus Jakarta Sans',sans-serif; } body { background:#0f1117; }</style>
</head>
<body class="flex items-center justify-center min-h-screen text-white">
<div class="text-center">
    <div class="text-8xl font-black text-transparent mb-4" style="background:linear-gradient(135deg,#3b6ff1,#6047ea);-webkit-background-clip:text">404</div>
    <h1 class="text-2xl font-bold mb-2">Page Not Found</h1>
    <p class="text-slate-500 mb-6">The page you're looking for doesn't exist.</p>
    <a href="<?= defined('APP_URL') ? APP_URL : '/' ?>" class="inline-block px-6 py-3 rounded-xl font-bold text-white" style="background:linear-gradient(135deg,#3b6ff1,#6047ea)">
        Go Home
    </a>
</div>
</body>
</html>
