{% extends "layouts/base.html" %}
{% from "components/ui.html" import button %}

{% block title %}503 · {{ app_name }}{% endblock %}

{% block content %}
<section class="text-center">
    <p class="text-8xl font-extrabold text-forge">503</p>
    <h1 class="text-2xl font-bold mt-4">Service momentanément indisponible</h1>
    <p class="text-muted mt-2">Le service reçoit plus de demandes qu'il ne peut en traiter.<br>Rien n'est perdu : réessayez dans quelques instants.</p>
    <div class="mt-6">{{ button("Réessayer", variant="primary", href="/") }}</div>
</section>
{% endblock %}