@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&family=Oswald:wght@400;600;700&display=swap");:root{--bg:#f4f6fb;--bg-card:#ffffff;--bg-hover:#eef2f9;--bg-elevated:#ffffff;--border:#e2e8f0;--border-strong:#cbd5e1;--green:#059669;--green-dim:#047857;--red:#dc2626;--amber:#d97706;--text:#0f172a;--text-muted:#64748b;--accent:#2563eb;--accent-2:#1d4ed8;--accent-soft:rgba(37,99,235,0.08);--shadow:0 1px 3px rgba(15,23,42,0.06),0 4px 12px rgba(15,23,42,0.04);--shadow-lg:0 8px 24px rgba(15,23,42,0.08);--header-bg:rgba(255,255,255,0.92);--live-bg:rgba(220,38,38,0.08);--live-border:rgba(220,38,38,0.25);--radius:12px;--radius-sm:8px}[data-theme=dark]{--bg:#0a0e17;--bg-card:#111827;--bg-hover:#1a2333;--bg-elevated:#151d2e;--border:#1e2d45;--border-strong:#2a3f5f;--green:#00e676;--green-dim:#00c853;--red:#ff1744;--amber:#ffc400;--text:#e8eaf0;--text-muted:#7a8aaa;--accent:#3b82f6;--accent-2:#2563eb;--accent-soft:rgba(59,130,246,0.12);--shadow:0 2px 8px rgba(0,0,0,0.3);--shadow-lg:0 8px 24px rgba(0,0,0,0.4);--header-bg:rgba(10,14,23,0.92);--live-bg:rgba(255,23,68,0.12);--live-border:rgba(255,23,68,0.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;scroll-behavior:smooth;color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Cairo,sans-serif;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-hero{margin-bottom:1.5rem}.page-title{font-family:Oswald,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.35rem;color:var(--text)}.page-subtitle{font-size:.95rem;color:var(--text-muted);font-weight:400}.live-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--live-bg);border:1px solid var(--live-border);border-radius:var(--radius-sm);padding:.3rem .85rem;font-size:.8rem;font-weight:700;color:var(--red);margin-top:.75rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.2s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}