{% extends 'base.html' %}{% load static %}
{% block title %}Server Error — Unity Nation{% endblock %}
{% block content %}
<div class="container" style="min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center">
<div style="max-width:440px;position:relative">
  <div style="position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.15),transparent 70%);filter:blur(30px);pointer-events:none"></div>
  <div style="position:relative;z-index:1">
    <div style="font-family:var(--ff);font-size:6rem;font-weight:800;color:var(--red);line-height:1;margin-bottom:18px">500</div>
    <h1 style="font-family:var(--ff);font-size:1.6rem;font-weight:700;margin-bottom:10px">Server Error</h1>
    <p style="color:var(--muted);margin-bottom:30px">Something went wrong on our end. Our team has been notified. Please try again in a moment.</p>
    <a href="{% url 'home' %}" class="btn btn-violet btn-lg"><i class="fas fa-home"></i>Go Home</a>
  </div>
</div>
</div>
{% endblock %}