404.html

---
permalink: /404.html
layout: default
---


<!-- 404 Section -->
<main id="hero-header" class="h-screen w-full flex flex-col justify-center items-center relative overflow-hidden text-center p-4">
    <div class="relative z-10 hero-text">
        <h1 class="text-8xl md:text-9xl font-black text-white tracking-tight text-glow">404</h1>
        <p class="mt-4 text-xl md:text-2xl text-purple-300 font-semibold motto-glow">This page seems to be lost in the source code.</p>
        <p class="mt-8 text-lg text-gray-300 max-w-lg mx-auto">
            Maybe it was a typo, or perhaps it's off chasing bugs in the digital wilderness. Don't worry, we've dispatched a team of highly trained pixels to investigate.
        </p>
        <div class="mt-12">
            <a href="/" class="inline-block bg-purple-600 text-white font-bold text-lg px-8 py-3 rounded-lg hover:bg-purple-700 transition-colors duration-300 shadow-lg transform hover:scale-105">
                Return to Home Base
            </a>
        </div>
    </div>
</main>