{% extends "base.html" %}

{% block title %}{{ t.error_500_title }} — {{ config.APP_NAME }}{% endblock %}

{% block content %}
<div class="container-page py-12">
  <div style="max-width:28rem;margin:0 auto;text-align:center;">
    <p style="font-size:6rem;font-weight:800;line-height:1;color:var(--slate);opacity:0.3;margin:0;">500</p>
    <h1 class="text-navy" style="font-size:1.5rem;font-weight:700;margin:1rem 0 0.5rem;">{{ t.error_500_heading }}</h1>
    <p class="text-slate" style="font-size:1rem;line-height:1.6;">{{ t.error_500_message }}</p>
    <a href="/{{ lang }}" class="btn" style="margin-top:1.5rem;display:inline-block;">
      {{ t.error_500_back_home }}
    </a>
  </div>
</div>
{% endblock %}
