<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
echo render_partial( 'header' );
?>

<main style="padding: 100px 0; text-align: center;">
    <div class="container">
        <h1 style="font-size: 72px; color: var(--primary-color); margin-bottom: 20px;">404</h1>
        <h2 style="margin-bottom: 20px;">Page Not Found</h2>
        <p style="color: var(--gray-600); margin-bottom: 30px;">
            The page you're looking for doesn't exist or has been moved.
        </p>
        <a href="/home" class="btn btn-primary">Go Home</a>
    </div>
</main>

<?php echo render_partial('footer'); ?>
