{% extends "base.html" %}
{% block title %}500 - خطأ في الخادم{% endblock %}
{% block content %}
<div class="min-h-[70vh] flex items-center justify-center px-4">
    <div class="text-center">
        <div class="text-8xl font-serif font-bold text-red-500/30 mb-4">500</div>
        <h1 class="text-2xl font-bold text-white mb-3">خطأ في الخادم</h1>
        <p class="text-slate-400 mb-8">حدث خطأ غير متوقع. نعمل على إصلاحه.</p>
        <a href="/" class="bg-gold-500 text-black px-8 py-3 rounded-xl font-bold hover:bg-gold-400 transition">العودة للرئيسية</a>
    </div>
</div>
{% endblock %}