:root{--joy-sky-50:#eff9ff;--joy-sky-100:#def2ff;--joy-sky-200:#b6e7ff;--joy-sky-300:#75d4ff;--joy-sky-400:#2cbeff;--joy-sky-500:#06a6f0;--joy-sky-600:#0086cd;--joy-sky-700:#006aa6;--joy-sky-800:#045a89;--joy-sky-900:#0a4b71;--joy-pink-50:#fff1f7;--joy-pink-100:#ffe4ef;--joy-pink-200:#ffc9df;--joy-pink-300:#ff9dc4;--joy-pink-400:#ff5fa0;--joy-pink-500:#fb3a85;--joy-pink-600:#e91e6a;--joy-pink-700:#c40f54;--joy-pink-800:#a21148;--joy-pink-900:#871340;--joy-ink-950:#0b1220;--joy-ink-900:#0f172a;--joy-ink-800:#1e293b;--joy-ink-700:#334155;--joy-ink-600:#475569;--joy-ink-500:#64748b;--joy-ink-400:#94a3b8;--joy-ink-300:#cbd5e1;--joy-ink-200:#e2e8f0;--joy-ink-100:#f1f5f9;--joy-ink-50:#f8fafc;--joy-white:#fff;--color-primary:var(--joy-sky-500);--color-primary-strong:var(--joy-sky-600);--color-primary-soft:var(--joy-sky-50);--color-accent:var(--joy-pink-500);--color-accent-strong:var(--joy-pink-600);--color-accent-soft:var(--joy-pink-50);--color-text:var(--joy-ink-900);--color-text-muted:var(--joy-ink-500);--color-text-invert:var(--joy-white);--color-bg:var(--joy-white);--color-surface:var(--joy-white);--color-surface-soft:var(--joy-ink-50);--color-border:var(--joy-ink-200);--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#ef4444;--gradient-brand:linear-gradient(135deg, var(--joy-sky-500) 0%, var(--joy-pink-500) 100%);--gradient-brand-soft:linear-gradient(135deg, var(--joy-sky-50) 0%, var(--joy-pink-50) 100%);--gradient-brand-vivid:linear-gradient(120deg, var(--joy-sky-400), var(--joy-sky-600) 45%, var(--joy-pink-500) 100%);--font-base:"Tajawal", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-xs:.78rem;--fs-sm:.875rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fs-5xl:3.75rem;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-extra:800;--fw-black:900;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:6rem;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-md:0 6px 18px #0f172a14;--shadow-lg:0 18px 40px #0f172a1f;--shadow-sky:0 14px 34px #06a6f047;--shadow-pink:0 14px 34px #fb3a8542;--t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s ease;--container:1160px;--tap:44px}@media (width<=640px){:root{--fs-xl:1.2rem;--fs-2xl:1.4rem;--fs-3xl:1.65rem;--fs-4xl:2rem;--fs-5xl:2.4rem;--space-6:1.25rem;--space-8:1.75rem;--space-10:2.25rem;--space-12:3rem;--container:100%;--radius-lg:14px;--radius-xl:18px}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body{max-width:100%;overflow-x:clip}body{font-family:var(--font-base);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7}h1,h2,h3,h4{line-height:1.25;font-weight:var(--fw-extra);color:var(--color-text)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--space-5);margin-inline:auto}.section{padding-block:var(--space-12)}.text-gradient{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-primary-strong);background:var(--color-primary-soft);border-radius:var(--radius-pill);padding:.4rem .9rem;display:inline-flex}.eyebrow.is-accent{color:var(--color-accent-strong);background:var(--color-accent-soft)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--fs-base);font-weight:var(--fw-bold);border-radius:var(--radius-pill);transition:transform var(--t-fast), box-shadow var(--t-base), background var(--t-base);white-space:nowrap;cursor:pointer;border:1.5px solid #0000;padding:.8rem 1.5rem;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{color:var(--color-text-invert);background:var(--gradient-brand);box-shadow:var(--shadow-sky)}.btn-primary:hover{box-shadow:var(--shadow-pink);transform:translateY(-2px)}.btn-ghost{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.btn-lg{font-size:var(--fs-lg);padding:1rem 2rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (width<=640px){.container{padding-inline:var(--space-4)}.section{padding-block:var(--space-8)}.btn{min-height:var(--tap);max-width:100%;padding:.7rem 1.1rem}.btn-lg{font-size:var(--fs-base);padding:.85rem 1.4rem}.card{max-width:100%}}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}