{% extends "base.html" %}
{% block content %}
<div class="d-flex flex-column align-items-center justify-content-center" style="min-height:60vh;">
  <div class="text-center">
    <img src="{{ url_for('static', filename='logo.webp') }}"
         alt="Forbidden"
         class="img-fluid rounded shadow mb-4"
         style="max-width: 160px;">
    <h1 class="display-3 fw-bold text-danger mb-3">404</h1>
    <h2 class="mb-4">{{ _('Access Forbidden') }}</h2>
    <p class="lead mb-4">
      <span class="d-block mb-2">{{ _('Sorry, you are not allowed to access this page.') }}</span>
      <span class="text-muted">({{ _('Registration is currently disabled.') }})</span>
    </p>
    <a href="{{ url_for('index') }}" class="btn btn-lg btn-primary shadow">
      🏠 {{ _('Back to Home') }}
    </a>
    <div class="mt-4 text-muted">
      <small>
        <span>Sorry, you haven't unlocked this area yet. Grind some more XP or check your DLC entitlements.<br>Maybe try again after the next patch?</span>
      </small>
    </div>
  </div>
</div>
{% endblock %}