<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>صيانة | {{ config('app.name') }}</title>
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Cairo', sans-serif; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%); color: #e2e8f0; overflow: hidden; }
        .container { text-align: center; padding: 2rem; position: relative; z-index: 1; }
        .icon { font-size: 5rem; margin-bottom: 1rem; }
        .error-title { font-size: 1.75rem; font-weight: 600; margin-bottom: 1rem; color: #f1f5f9; }
        .error-desc { font-size: 1.1rem; color: #94a3b8; margin-bottom: 2rem; max-width: 500px; margin-left: auto; margin-right: auto; }
        .bg-circle { position: fixed; border-radius: 50%; opacity: 0.05; }
        .bg-circle:nth-child(1) { width: 400px; height: 400px; background: #3b82f6; top: -100px; left: -100px; }
        .bg-circle:nth-child(2) { width: 300px; height: 300px; background: #f59e0b; bottom: -80px; right: -80px; }
    </style>
</head>
<body>
    <div class="bg-circle"></div>
    <div class="bg-circle"></div>
    <div class="container">
        <div class="icon">🔧</div>
        <h1 class="error-title">الموقع تحت الصيانة</h1>
        <p class="error-desc">نقوم حالياً بإجراء تحسينات على الموقع. سنعود قريباً إن شاء الله. شكراً لصبركم.</p>
    </div>
</body>
</html>
