@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";

:root{--cyan-50:#ecf8fd;--cyan-100:#d2effb;--cyan-200:#a6dff6;--cyan-300:#6fcaef;--cyan-400:#31afe6;--cyan-500:#0e9fde;--cyan-600:#0b82bc;--cyan-700:#0c6896;--cyan-800:#105576;--cyan-900:#123f58;--blue-50:#eaf3fc;--blue-100:#cfe2f7;--blue-300:#6fa8e0;--blue-500:#1a77c9;--blue-600:#145fa6;--blue-700:#114b82;--navy-700:#1e3f5e;--navy-800:#163351;--navy-900:#0e2740;--gray-0:#fff;--gray-25:#f7fafc;--gray-50:#f1f6f9;--gray-100:#e7eff4;--gray-200:#d6e1e9;--gray-300:#bbcad6;--gray-400:#95a8b7;--gray-500:#6f8494;--gray-600:#546879;--gray-700:#3e4f5e;--gray-800:#2a3845;--gray-900:#18242f;--green-50:#e6f6ee;--green-500:#1f9e6a;--green-600:#167a52;--amber-50:#fcf2e1;--amber-500:#e0922f;--amber-600:#b7711b;--red-50:#fbeaea;--red-500:#d8463f;--red-600:#b22e2e;--color-primary:var(--cyan-500);--color-primary-hover:var(--cyan-600);--color-primary-active:var(--cyan-700);--color-primary-soft:var(--cyan-50);--color-secondary:var(--blue-600);--color-accent-ink:var(--navy-900);--text-strong:var(--navy-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--text-on-primary:#fff;--text-on-dark:#eaf3f9;--text-link:var(--cyan-600);--surface-page:var(--gray-25);--surface-card:#fff;--surface-sunken:var(--gray-50);--surface-raised:#fff;--surface-inverse:var(--navy-900);--surface-brand-soft:var(--cyan-50);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-brand:var(--cyan-200);--ring-focus:0 0 0 3px #0e9fde52;--status-success:var(--green-500);--status-warning:var(--amber-500);--status-danger:var(--red-500);--status-info:var(--cyan-500)}
:root{--font-sans:"IBM Plex Sans", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic:"Tajawal", "IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-display:var(--font-sans);--font-body:var(--font-sans);--font-code:var(--font-mono);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5.25rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.03em;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.04em;--tracking-eyebrow:.16em}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-11:6rem;--space-12:8rem;--container-sm:640px;--container-md:880px;--container-lg:1120px;--container-xl:1280px;--gutter:clamp(1rem, 4vw, 2.5rem);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #0e27400f;--shadow-sm:0 1px 3px #0e274014, 0 1px 2px #0e27400a;--shadow-md:0 4px 12px #0e274014, 0 2px 4px #0e27400d;--shadow-lg:0 12px 28px #0e27401f, 0 4px 8px #0e27400f;--shadow-xl:0 24px 56px #0e274029, 0 8px 16px #0e274012;--shadow-brand:0 10px 30px #0e9fde47;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.65, .05, .36, 1);--ease-spring:cubic-bezier(.34, 1.42, .5, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-page);font-feature-settings:"kern", "liga";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}img,svg,video{max-width:100%;display:block}::selection{background:var(--cyan-200);color:var(--navy-900)}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-xs);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

.ds-btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;height:44px;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.ds-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.ds-btn:active:not(:disabled){transform:scale(.97)}.ds-btn:disabled{opacity:.45;cursor:not-allowed}.ds-btn--full{width:100%}.ds-btn--sm{gap:7px;height:34px;padding:0 13px;font-size:13px}.ds-btn--primary{background:var(--color-primary);color:var(--text-on-primary);box-shadow:var(--shadow-brand)}.ds-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ds-btn--secondary{background:var(--navy-900);color:#fff}.ds-btn--secondary:hover:not(:disabled){background:var(--navy-800)}.ds-btn--outline{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default)}.ds-btn--outline:hover:not(:disabled){border-color:var(--border-brand);background:var(--cyan-50)}.ds-btn--ghost{color:var(--text-body);background:0 0}.ds-btn--ghost:hover:not(:disabled){background:var(--gray-100)}
html,body{min-height:100%;margin:0;padding:0}body{background:var(--surface-page);font-family:var(--font-sans);color:var(--text-body)}input,select,textarea,button{font-family:var(--font-sans)}a{color:inherit}::selection{background:var(--cyan-100)}[data-editing="1"] [data-edit]{outline:1.5px dashed var(--cyan-400);outline-offset:4px;cursor:text;border-radius:5px}[data-editing="1"] [data-edit]:hover{outline-color:var(--color-primary);background:var(--cyan-50)}[data-editing="1"] [data-edit]:focus{outline:2px solid var(--color-primary);background:#fff}@keyframes b24in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes b24fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.b24-nav-link:hover{background:var(--surface-sunken)!important;color:var(--navy-900)!important}.b24-card-i{transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out)}.b24-card-i:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.b24-btn{transition:filter var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.b24-btn:hover{filter:brightness(1.06)}.b24-btn:active{transform:scale(.98)}.b24-lang-item:hover{background:var(--surface-sunken)}.b24-foot-link:hover{text-decoration:underline;opacity:1!important}.cb-btn{transition:filter var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.cb-btn:hover{filter:brightness(1.12)}.cb-btn:active{transform:scale(.97)}@media (max-width:900px){.site-foot-grid,.site-2col{grid-template-columns:1fr!important}}@media (max-width:760px){.site-header-row{flex-wrap:wrap!important;padding-top:8px!important;padding-bottom:8px!important}}