@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Serif+Display&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--color-primary:#009aa2;--color-primary-light:#2fb3b9;--color-primary-dark:#007a80;--color-primary-50:#e8f6f7;--color-primary-100:#ccedef;--color-primary-200:#99dade;--color-secondary:#1a6b5a;--color-secondary-light:#238f78;--color-secondary-dark:#124d40;--color-secondary-50:#edfaf6;--color-secondary-100:#d0f0e7;--color-accent:#e8a838;--color-accent-light:#f0bf63;--color-accent-dark:#c48a1e;--color-accent-50:#fef7e8;--color-bg:#faf7f2;--color-bg-elevated:#fff;--color-bg-subtle:#f5f0e8;--color-bg-muted:#ede8dd;--color-text:#2d2a26;--color-text-secondary:#6b6560;--color-text-muted:#9c958d;--color-text-inverse:#fff;--color-border:#e5dfd5;--color-border-light:#f0ebe3;--color-success:#22a06b;--color-warning:#e8a838;--color-danger:#de350b;--color-info:#0065ff;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"DM Serif Display", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #2d2a260d;--shadow-sm:0 1px 3px #2d2a2614, 0 1px 2px #2d2a260a;--shadow-md:0 4px 6px -1px #2d2a2614, 0 2px 4px -2px #2d2a260a;--shadow-lg:0 10px 15px -3px #2d2a2614, 0 4px 6px -4px #2d2a260a;--shadow-xl:0 20px 25px -5px #2d2a261a, 0 8px 10px -6px #2d2a260a;--shadow-2xl:0 25px 50px -12px #2d2a2633;--shadow-glow:0 0 20px #009aa226;--shadow-glow-accent:0 0 20px #e8a83826;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--sidebar-width:260px;--sidebar-collapsed:72px;--topbar-height:64px;--max-width:1280px;--max-width-lg:1440px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh}[dir=rtl]{text-align:end}[dir=rtl] .sidebar{border-inline-end:none;border-inline-start:1px solid var(--color-border);inset-inline:auto 0}[dir=rtl] .main-content{margin-inline-start:0;margin-inline-end:var(--sidebar-width)}[dir=rtl] .main-content.sidebar-collapsed{margin-inline-end:var(--sidebar-collapsed)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}ul,ol{list-style:none}img,video{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.container-lg{max-width:var(--max-width-lg);padding:0 var(--space-6);margin:0 auto}.section{padding:var(--space-24) 0}.section-sm{padding:var(--space-16) 0}.gradient-text{color:var(--color-primary)}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9}.card-hover{transition:transform var(--transition-base), box-shadow var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.5s ease-out fadeIn}.animate-fade-in-up{animation:.5s ease-out fadeInUp}.animate-fade-in-down{animation:.5s ease-out fadeInDown}.animate-slide-in-left{animation:.5s ease-out slideInLeft}.animate-slide-in-right{animation:.5s ease-out slideInRight}.animate-scale-in{animation:.3s ease-out scaleIn}.animate-pulse{animation:2s infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-100);color:var(--color-primary-dark)}@media (max-width:768px){:root{--text-5xl:2.25rem;--text-4xl:1.875rem;--text-3xl:1.5rem}.section{padding:var(--space-16) 0}.container{padding:0 var(--space-4)}}@media (max-width:480px){:root{--text-5xl:1.875rem;--text-4xl:1.5rem;--text-3xl:1.25rem}}[dir=rtl] .lucide-arrow-right,[dir=rtl] .lucide-arrow-left,[dir=rtl] .lucide-chevron-right,[dir=rtl] .lucide-chevron-left,[dir=rtl] .lucide-arrow-up-right,[dir=rtl] .lucide-external-link{transform:scaleX(-1)}[dir=rtl] body{font-family:"Noto Sans Arabic", "Segoe UI", Tahoma, var(--font-body)}
