@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--header-height:56px;--cat-bar-height:76px;--hero-bar-height:62px;--pinned-height:calc(var(--header-height) + var(--cat-bar-height));--color-primary-50:#eef2f9;--color-primary-100:#d5dff1;--color-primary-200:#aabce3;--color-primary-300:#7e99d5;--color-primary-400:#5376c7;--color-primary-500:#2a5298;--color-primary-600:#1b3a6b;--color-primary-700:#0f254a;--color-primary-800:#091832;--color-primary-900:#040c1a;--color-accent-50:#fff8e1;--color-accent-100:#ffecb3;--color-accent-200:#ffe082;--color-accent-300:#ffd54f;--color-accent-400:#ffca28;--color-accent-500:#f5a623;--color-accent-600:#e09010;--color-neutral-0:#fff;--color-neutral-50:#fafaf9;--color-neutral-100:#f5f5f4;--color-neutral-200:#e7e5e4;--color-neutral-300:#d6d3d1;--color-neutral-400:#a8a29e;--color-neutral-500:#78716c;--color-neutral-600:#57534e;--color-neutral-700:#44403c;--color-neutral-800:#292524;--color-neutral-900:#1c1917;--color-success:#16a34a;--color-warning:#ea580c;--color-error:#dc2626;--color-info:#0284c7;--surface-primary:var(--color-neutral-0);--surface-secondary:var(--color-neutral-50);--surface-tertiary:var(--color-neutral-100);--surface-elevated:var(--color-neutral-0);--surface-overlay:#00000080;--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-brand:var(--color-primary-700);--border-default:var(--color-neutral-200);--border-hover:var(--color-neutral-300);--border-focus:var(--color-primary-500);--font-arabic:"Tajawal", system-ui, sans-serif;--font-english:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", 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;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-0:0;--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;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 10px 10px #0000000a;--shadow-2xl:0 25px 50px #00000026;--shadow-card:0 2px 8px #00000014, 0 1px 2px #0000000a;--shadow-card-hover:0 8px 24px #0000001f, 0 2px 4px #0000000f;--shadow-modal:0 24px 48px #0003;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--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);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-below:-1;--z-base:0;--z-raised:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700}@media (min-width:640px){:root{--header-height:72px;--pinned-height:calc(var(--header-height) + var(--cat-bar-height) + var(--hero-bar-height))}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInStart{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInEnd{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(0)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(-6px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16px)scale(.96)}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out) forwards}.animate-slide-up{animation:slideUp var(--transition-base) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out) forwards}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-shimmer{background:linear-gradient(90deg, var(--surface-tertiary) 25%, var(--surface-secondary) 50%, var(--surface-tertiary) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--pinned-height,202px);font-size:16px;overflow-x:clip}body{background-color:var(--surface-primary);color:var(--text-primary);font-family:var(--font-arabic);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);overflow-x:clip}[dir=ltr] body{font-family:var(--font-english)}[dir=rtl] body{font-family:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}a{color:var(--text-brand);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-600)}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}::selection{background:var(--color-primary-100);color:var(--color-primary-900)}.container{width:100%;max-width:1280px;margin-inline:auto;padding-left:16px;padding-right:16px}@media (min-width:640px){.container{padding-inline:var(--space-6)}}@media (min-width:1024px){.container{padding-inline:var(--space-8)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.divider{background-color:var(--border-default);width:100%;height:1px;margin-block:var(--space-4)}@media (max-width:959px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}