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

{% block title %}Page introuvable{% endblock %}

{% block body %}
    <div class="min-h-screen bg-slate-950 flex items-center justify-center px-6">

        <div class="text-center max-w-xl">

            <p class="text-emerald-500 text-lg font-semibold">
                Erreur 404
            </p>

            <h1 class="mt-4 text-6xl font-bold tracking-tight text-white">
                Page introuvable
            </h1>

            <p class="mt-6 text-lg text-slate-400">
                La page que vous recherchez n'existe pas ou a été déplacée.
            </p>

            <div class="mt-10 flex justify-center gap-4">
                <a
                    href="/login"
                    class="rounded-xl bg-emerald-600 px-6 py-3 text-white font-medium hover:bg-emerald-500 transition"
                >
                    Retour à l'accueil
                </a>

            </div>

        </div>

    </div>
{% endblock %}