{{include "header.html"}}
{{include "nav.html"}}

<section class="bg-gray-900 py-24">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <div class="text-9xl font-bold text-gray-700 mb-4">404</div>
        <h1 class="text-4xl font-bold text-white mb-4">Page Not Found</h1>
        <p class="text-lg text-gray-400 mb-8">The page you're looking for doesn't exist or has been moved.</p>
        <a href="/" class="bg-accent hover:bg-accent-hover text-white px-8 py-3 rounded-lg font-semibold transition inline-block">
            Return to Homepage
        </a>
    </div>
</section>

{{include "footer.html"}}
{{include "js.html"}}