@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap";
:root{--navy-950:#040817;--navy-900:#070e24;--navy-850:#0a1435;--navy-800:#0e1e5b;--navy-700:#162c6d;--navy-600:#1f3e96;--cyan-600:#0084bd;--cyan-500:#009ee2;--cyan-400:#1cb5f7;--cyan-300:#54cbff;--cyan-glow:#009ee240;--cyan-soft:#009ee214;--red-600:#d61820;--red-500:#e31b23;--red-400:#ff333c;--red-glow:#e31b2340;--red-soft:#e31b2314;--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#fff;--bg-subtle:#f1f5f9;--bg-muted:#e2e8f0;--text-main:#0a1435;--text-headings:#070e24;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--border-subtle:#0e1e5b14;--border-cyan:#009ee259;--border-cyan-bright:#009ee2;--border-red:#e31b2359;--card-shadow:0 4px 20px -2px #0a14350f, 0 2px 6px -1px #0a14350a;--card-shadow-hover:0 16px 32px -4px #0a14351f, 0 4px 12px -2px #009ee21a;--font-en:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ar:"Cairo", "Tajawal", -apple-system, sans-serif;--font-mono:"Space Grotesk", monospace;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-main:#040817;--bg-surface:#081028;--bg-surface-elevated:#0d1a40;--bg-subtle:#0a1435;--bg-muted:#162456;--text-main:#f1f5f9;--text-headings:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--text-light:#475569;--border-light:#ffffff1a;--border-subtle:#ffffff0f;--border-cyan:#009ee259;--border-cyan-bright:#1cb5f7;--border-red:#e31b2359;--card-shadow:0 8px 30px #00000080;--card-shadow-hover:0 16px 40px #009ee233}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-en);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}[dir=rtl]{font-family:var(--font-ar);text-align:right;direction:rtl}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-500)}.light-card{background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--card-shadow);transition:var(--transition-smooth);border-radius:16px}.light-card-hover:hover{border-color:var(--cyan-500);box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.light-card-red-hover:hover{border-color:var(--red-500);transform:translateY(-3px);box-shadow:0 16px 32px -4px #e31b231f}.btn-primary{background:linear-gradient(135deg, var(--cyan-500) 0%, #0077b6 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #009ee259}.btn-primary:hover{background:linear-gradient(135deg,#0084bd 0%,#006097 100%);transform:translateY(-2px);box-shadow:0 6px 22px #009ee273}.btn-accent{background:linear-gradient(135deg, var(--red-500) 0%, var(--red-600) 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #e31b234d}.btn-accent:hover{background:linear-gradient(135deg,#c7141b 0%,#ab1117 100%);transform:translateY(-2px);box-shadow:0 6px 22px #e31b2373}.btn-secondary{color:var(--navy-850);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition-smooth);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #0000000d}.btn-secondary:hover{border-color:var(--cyan-500);color:var(--cyan-600);background:#f8fafc;transform:translateY(-1px)}.badge-cyan{text-transform:uppercase;letter-spacing:.06em;color:#0077b6;background:#009ee21a;border:1px solid #009ee24d;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.76rem;font-weight:700;display:inline-flex}.badge-red{text-transform:uppercase;letter-spacing:.06em;color:#c7141b;background:#e31b2314;border:1px solid #e31b2340;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.76rem;font-weight:700;display:inline-flex}.badge-green{text-transform:uppercase;letter-spacing:.06em;color:#047857;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.76rem;font-weight:700;display:inline-flex}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.pulse-dot{background-color:#059669;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.pulse-dot-cyan{background-color:var(--cyan-500);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse-dot}.pulse-dot-red{background-color:var(--red-500);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}@media (max-width:768px){.container{padding:0 1rem}}.section-tag{color:#0077b6;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.85rem;font-weight:700;display:inline-flex}.section-title{color:var(--text-headings);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.2}.section-title span.cyan{color:var(--cyan-600);background:linear-gradient(135deg,#009ee2 0%,#0077b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-title span.red{color:var(--red-600);background:linear-gradient(135deg,#e31b23 0%,#c7141b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-desc{color:var(--text-secondary);max-width:680px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.7}.light-mesh-bg{background-color:#f8fafc;background-image:radial-gradient(at 10% 20%,#009ee20a 0,#0000 50%),radial-gradient(at 90% 80%,#e31b2308 0,#0000 50%)}.page-banner{border-bottom:1px solid var(--border-light);background:linear-gradient(#f1f5f9 0%,#f8fafc 100%);padding:4.5rem 0 3.5rem;position:relative;overflow:hidden}.page-banner-title{color:#070e24;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800}.page-banner-desc{color:#475569;max-width:720px;font-size:1.15rem;line-height:1.7}.breadcrumb-trail{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.85rem;font-weight:600;display:flex}.breadcrumb-trail a{color:#0084bd;text-decoration:none}.breadcrumb-trail a:hover{text-decoration:underline}