{{ define "title"}}
404 - Page Not Found | {{ .Site.Params.author.name }}
{{ end }}

{{ define "main"}}
<div class="error-container" style="text-align: center; padding: 40px;">
    <h1 style="font-size: 72px; margin-bottom: 20px;">4😮4</h1>
    <p style="font-size: 24px; margin-bottom: 20px;">Oops! Looks like this page took a wrong turn at the internet.</p>
    <p style="font-size: 18px; margin-bottom: 30px;">Maybe it's exploring the digital wilderness, or perhaps it's having coffee with the 403 page.</p>
    <div style="font-family: monospace; background: rgba(0,0,0,0.1); padding: 20px; border-radius: 8px; display: inline-block;">
        <p style="margin: 0;">ERROR: Page_Not_Found</p>
        <p style="margin: 5px 0;">SOLUTION: Try turning it off and on again... or just go back home 😉</p>
    </div>
    <p style="margin-top: 30px;">
        <a href="/" style="display: inline-block; padding: 10px 20px; background: #333; color: #fff; text-decoration: none; border-radius: 5px; transition: background 0.3s;">
            Take Me Home 🏠
        </a>
    </p>
</div>
{{ end }}