{% extends 'base.html.twig' %}

{% block title %}Page Not Found - 404{% endblock %}

{% block body %}
    <div style="text-align: center; padding: 60px 20px;">
        <img src="https://cdn-icons-png.flaticon.com/512/2748/2748558.png" alt="404 image" style="width: 150px; margin-bottom: 30px; opacity: 0.8;" />

        <h1 style="font-size: 3em; margin-bottom: 10px;">Oops! Page Not Found</h1>
        <p style="font-size: 1.2em; color: #666;">The page you are looking for might have been removed or is temporarily unavailable.</p>

        <a href="/" style="display: inline-block; margin-top: 30px; padding: 12px 24px; background-color:rgb(19, 24, 26); color: white; text-decoration: none; border-radius: 6px;">
            Back to Home
        </a>
    </div>
{% endblock %}