{% extends "base.html" %}
{% block title %}404 - الصفحة غير موجودة{% 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-gold-500/30 mb-4">404</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 %}