:root{--bg:#ECE6D6;--card:#F6F2E7;--ink:#0D1321;--muted:#5b6473;--accent:#3E5C76;--hero1:#1D2D44;--hero2:#0D1321;--cream:#F0EBD8;--line:rgba(13,19,33,.08)}
@media (prefers-color-scheme:dark){:root{--bg:#0B0F17;--card:#161D29;--ink:#EEF1F6;--muted:#9aa4b3;--accent:#9DB6CF;--line:rgba(255,255,255,.08)}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"SF Arabic","Segoe UI",Tahoma,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:24px 16px 64px}
nav{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap}
nav a{color:var(--accent);text-decoration:none;font-weight:600}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink)!important}
.brand img{width:40px;height:40px;border-radius:10px}
.hero{background:linear-gradient(135deg,var(--hero1),var(--hero2));color:#fff;border-radius:26px;padding:32px 24px;margin-bottom:20px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#748CAB;opacity:.28;filter:blur(60px);top:-120px;inset-inline-start:-80px}
.hero h1{margin:0 0 8px;font-size:30px;position:relative}.hero p{margin:0;opacity:.88;position:relative}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 22px;margin:14px 0}
h2{font-size:19px;margin:0 0 6px}h3{font-size:16px;margin:14px 0 4px}
p,li{color:var(--muted)}strong{color:var(--ink)}
.en{direction:ltr;text-align:left}
.pill{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:10px 18px;text-decoration:none;font-weight:700}
footer{margin-top:28px;font-size:13px;color:var(--muted);text-align:center}
ol{padding-inline-start:22px}