@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-arabic:"IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-latin:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--brand-950:#071320;--brand-900:#0d2238;--brand-800:#122f4c;--brand-700:#153a52;--brand-600:#1e5d7a;--brand-500:#2980b9;--accent-600:#1a8b80;--accent-500:#22a699;--accent-400:#2dd4bf;--accent-300:#5eead4;--accent-glow:#22a69940;--coral-600:#d9532f;--coral-500:#e76f51;--surface:#fff;--surface-subtle:#f8fafc;--surface-card:#ffffffeb;--surface-glass:#ffffffd1;--surface-dark:#0b1e32;--text:#0f172a;--text-secondary:#334155;--muted:#64748b;--muted-light:#94a3b8;--border:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#22a699;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0f172a0f;--shadow-md:0 4px 16px -2px #0f172a14, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 12px 32px -4px #0f172a1f, 0 4px 12px -2px #0f172a0f;--shadow-glow:0 0 25px #22a69938;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}body{color:var(--text);background:var(--surface);font-family:var(--font-arabic), var(--font-latin);margin:0;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--brand-900);letter-spacing:-.015em;font-weight:800;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{width:min(1380px,100% - 2.5rem);margin-inline:auto}@media (min-width:1600px){.container{width:min(1480px,100% - 4rem)}}.header{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);z-index:100;transition:all var(--transition-normal);border-bottom:1px solid #e2e8f0d9;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1.5rem;min-height:76px;display:flex}.brand{color:var(--brand-700);letter-spacing:.02em;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:900;display:flex}.brand-badge{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#22a699,#0ea5e9);border-radius:1rem;margin-inline-start:.3rem;padding:.15rem .5rem;font-size:.65rem;font-weight:800}.links{align-items:center;gap:1.25rem;display:flex}.links a:not(.button){color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.4rem .6rem;font-size:.92rem;font-weight:600}.links a:not(.button):hover{color:var(--brand-700);background:var(--surface-subtle)}.button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-700), var(--brand-800));color:#fff;min-height:46px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:.65rem 1.4rem;font-size:.92rem;font-weight:700;display:inline-flex}.button:hover{background:linear-gradient(135deg, var(--brand-800), var(--brand-900));box-shadow:var(--shadow-md);transform:translateY(-1px)}.button.secondary{color:var(--brand-700);border:1px solid var(--border);box-shadow:var(--shadow-xs);background:#fff}.button.secondary:hover{border-color:var(--brand-600);background:var(--surface-subtle)}.button.accent{background:linear-gradient(135deg, var(--accent-500), #1a8b80);color:#fff;box-shadow:0 4px 14px #22a69959}.button.accent:hover{background:linear-gradient(135deg,#1e968b,#15736a);box-shadow:0 6px 20px #22a69973}.hero{background:radial-gradient(100% 100% at 50% 0,#f0f8fa 0%,#fff 100%);padding-block:clamp(4rem,8vw,7.5rem);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#22a6991f 0%,#fff0 70%);width:900px;height:380px;position:absolute;top:0;left:50%;transform:translate(-50%)}.eyebrow{color:var(--accent-600);background:#22a6991a;border:1px solid #22a69940;border-radius:2rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.35rem .9rem;font-size:.85rem;font-weight:800;display:inline-flex}h1{color:var(--brand-900);margin-block:.5rem 1.25rem;font-size:clamp(2.2rem,5.5vw,4.2rem);font-weight:900;line-height:1.12}.lead{max-width:68ch;color:var(--muted);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-block-start:2.2rem;display:flex}.section{padding-block:clamp(3.5rem,6vw,6rem)}.section-title{text-align:center;max-width:700px;margin:0 auto 3.5rem}.grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);padding:1.75rem}.card:hover{box-shadow:var(--shadow-md);border-color:#22a69966;transform:translateY(-2px)}.footer{background:var(--brand-950);color:#94a3b8;border-top:1px solid #ffffff14;padding-block:4rem 2rem}.footer h4{color:#fff;margin-bottom:1.25rem;font-size:1rem;font-weight:800}.footer a{color:#94a3b8;transition:color var(--transition-fast);font-size:.9rem}.footer a:hover{color:var(--accent-400)}@media (max-width:1024px){.grid,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.links a:not(.button){display:none}.grid,.grid-2,.grid-4{grid-template-columns:1fr}.nav{min-height:64px}.section{padding-block:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}