:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-500:#38bdf8;--primary-600:#0ea5e9;--primary-700:#0369a1;--n50:#f8fafc;--n100:#f1f5f9;--n200:#e2e8f0;--n300:#cbd5e1;--n400:#94a3b8;--n500:#566377;--n700:#334155;--n900:#0f172a;--surface:#fff;--ok-50:#f0fdf4;--ok-500:#22c55e;--ok-700:#15803d;--warn-50:#fffbeb;--warn-500:#f59e0b;--warn-700:#b45309;--bad-50:#fef2f2;--bad-500:#ef4444;--bad-700:#b91c1c;--btn-text:#fff;--hero-a:#0369a1;--hero-b:#0ea5e9;--font:"IBM Plex Sans Arabic","Tajawal",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-50:#0b2a3d;--primary-100:#0c3a55;--primary-700:#7dd3fc;--primary-600:#38bdf8;--n50:#0b1220;--n100:#1e293b;--n200:#334155;--n300:#475569;--n400:#94a3b8;--n500:#a3b1c4;--n700:#cbd5e1;--n900:#f1f5f9;--surface:#131c2e;--ok-50:#0e2a1a;--ok-700:#4ade80;--warn-50:#2e2208;--warn-700:#fbbf24;--bad-50:#321416;--bad-700:#f87171;--btn-text:#06202f;--hero-a:#0c4a6e;--hero-b:#0369a1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--primary-50:#0b2a3d;--primary-100:#0c3a55;--primary-700:#7dd3fc;--primary-600:#38bdf8;--n50:#0b1220;--n100:#1e293b;--n200:#334155;--n300:#475569;--n400:#94a3b8;--n500:#a3b1c4;--n700:#cbd5e1;--n900:#f1f5f9;--surface:#131c2e;--ok-50:#0e2a1a;--ok-700:#4ade80;--warn-50:#2e2208;--warn-700:#fbbf24;--bad-50:#321416;--bad-700:#f87171;--btn-text:#06202f;--hero-a:#0c4a6e;--hero-b:#0369a1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--n50);color:var(--n900);font-family:var(--font);min-height:100vh;line-height:1.7}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px}.hero{background:linear-gradient(135deg,var(--hero-a),var(--hero-b));color:#fff;text-align:center;padding:96px 20px}.hero h1{margin:0 0 12px;font-size:clamp(28px,6vw,48px);font-weight:700}.hero p{opacity:.9;max-width:560px;margin:0 auto}.badge{background:#ffffff2e;border-radius:99px;margin-top:20px;padding:4px 14px;font-size:13px;display:inline-block}