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

{% block title %}Accès refusé{% 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-amber-500 text-lg font-semibold">
                Erreur 403
            </p>

            <h1 class="mt-4 text-6xl font-bold tracking-tight text-white">
                Accès refusé
            </h1>

            <p class="mt-6 text-lg text-slate-400">
                Vous ne disposez pas des permissions nécessaires pour accéder à cette ressource.
            </p>

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

        </div>

    </div>
{% endblock %}