:root{--color-primary:#0a192f;--color-primary-text:var(--color-primary);--color-primary-light:#172a45;--color-primary-dark:#020c1b;--color-accent:#d4af37;--color-accent-light:#f3e5ab;--color-accent-dark:#aa8a2a;--color-bg:#fdfdfd;--color-bg-alt:#f4f5f7;--color-surface:#fff;--color-text:#1e232a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-white:#fff;--color-border:#e2e8f0;--color-overlay:#0a192f99;--color-overlay-dark:#020c1bd9;--font-ar:"Tajawal",sans-serif;--font-en:"Inter",sans-serif;--font-display:clamp(2.5rem,5vw,4rem);--font-h1:clamp(2rem,3.5vw,2.75rem);--font-h2:clamp(1.5rem,2.5vw,2rem);--font-h3:clamp(1.15rem,2vw,1.5rem);--font-body:clamp(.95rem,1.2vw,1.125rem);--font-small:.875rem;--font-xs:.75rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-section:clamp(3rem,6vw,5rem);--max-width:1200px;--max-width-narrow:800px;--header-height:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #00000014;--shadow-xl:0 24px 60px #0000001a;--shadow-card:0 10px 30px #1a3a4a0a;--shadow-card-hover:0 20px 40px #1a3a4a1a;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.4s cubic-bezier(.34,1.56,.64,1)}.dark{--color-primary:#172a45;--color-primary-text:var(--color-white);--color-primary-light:#1f3653;--color-primary-dark:#0a192f;--color-bg:#0f171e;--color-bg-alt:#18242d;--color-surface:#1b2936;--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-text-light:#6b7280;--color-white:#fff;--color-border:#2a3b47;--color-overlay:#0f171ed9;--color-overlay-dark:#0a0f14f2;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 16px 50px #0009;--shadow-card:0 2px 16px #0000004d;--shadow-card-hover:0 8px 32px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text);line-height:1.7;font-size:var(--font-body);overflow-x:hidden}html[dir=rtl] body{font-family:var(--font-ar)}html[dir=ltr] body,html[dir=ltr] h1,html[dir=ltr] h2,html[dir=ltr] h3{font-family:var(--font-en)}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}p{color:var(--color-text-muted);line-height:1.8}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.container--narrow{max-width:var(--max-width-narrow)}.section{padding:var(--space-section)0}.section--alt{background-color:var(--color-bg-alt)}.section-title{font-size:var(--font-h2);color:var(--color-primary-text);margin-bottom:var(--space-md);font-weight:700;position:relative}.dark .section-title{color:var(--color-white)}.section-subtitle{font-size:var(--font-body);color:var(--color-text-muted);max-width:600px;line-height:1.8}html[dir=rtl] .section-subtitle{margin-left:auto}html[dir=ltr] .section-subtitle{margin-right:auto}.accent-line{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border-radius:var(--radius-full);width:48px;height:3px;margin-bottom:var(--space-lg)}html[dir=rtl] .accent-line{margin-right:0}html[dir=ltr] .accent-line{margin-left:0}.text-center{text-align:center}.text-center .accent-line,.text-center .section-subtitle{margin-left:auto;margin-right:auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-small);letter-spacing:.02em;transition:all var(--transition-base);cursor:pointer;padding:.875rem 2rem;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);box-shadow:0 4px 16px #1a3a4a4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1a3a4a66}.btn--accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-primary-dark);box-shadow:0 4px 16px #c8a96e4d}.btn--accent:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8a96e66}.btn--outline{border:2px solid var(--color-primary);color:var(--color-primary-text);background:0 0}.btn--outline:hover{background:var(--color-primary);color:var(--color-white)}.btn--white{background:var(--color-white);box-shadow:0 4px 16px #0000001a;color:#0a192f!important}.btn--white:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000026}.btn--sm{font-size:var(--font-xs);padding:.625rem 1.25rem}.btn--lg{font-size:var(--font-body);padding:1rem 2.5rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.grid{gap:var(--space-xl);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #fff6;box-shadow:0 8px 32px #0000000d}.dark .glass-panel,.glass-panel--dark{-webkit-backdrop-filter:blur(16px);background:#121e2c99;border:1px solid #ffffff0d;box-shadow:0 8px 32px #0000004d}.hover-lift{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.hover-lift:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.hover-lift-sm{transition:transform .3s,box-shadow .3s}.hover-lift-sm:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.text-gradient{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #25d36666}50%{transform:scale(1.05);box-shadow:0 0 0 12px #25d36600}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.6s forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-accent);color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}