:root{
  --grad:linear-gradient(135deg,#34c6e8 0%,#1f6fc7 55%,#134a96 100%);
  --accent:#1f8fd6; --accent-soft:rgba(31,143,214,.12); --radius:16px; --maxw:860px;
  --font-en-head:'Sora',system-ui,sans-serif; --font-en-body:'Inter',system-ui,sans-serif;
  --font-ar-head:'Cairo',system-ui,sans-serif; --font-ar-body:'Tajawal',system-ui,sans-serif;
  --head:var(--font-ar-head); --body:var(--font-ar-body);
}
html[lang="en"]{ --head:var(--font-en-head); --body:var(--font-en-body); }
html[data-theme="light"]{ --bg:#fff;--bg-2:#f4f7fb;--surface:#fff;--text:#0c1b2a;--muted:#5c6e80;--border:#e6ecf3;--shadow:0 12px 44px rgba(16,46,90,.09); }
html[data-theme="dark"]{ --bg:#0a1420;--bg-2:#0e1c2c;--surface:#10202f;--text:#eaf2fb;--muted:#9bb0c4;--border:#1d3245;--shadow:0 16px 50px rgba(0,0,0,.5); }
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:var(--body); line-height:1.85; font-size:16px; -webkit-font-smoothing:antialiased; }
a{ color:var(--accent); text-decoration:none; }
a:hover{ text-decoration:underline; }
.container{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }
header{ position:sticky; top:0; z-index:20; backdrop-filter:blur(12px); background:color-mix(in srgb,var(--bg) 82%,transparent); border-bottom:1px solid var(--border); }
.nav{ display:flex; align-items:center; justify-content:space-between; height:70px; gap:14px; }
.brand{ display:flex; align-items:center; gap:10px; font-family:var(--head); font-weight:700; font-size:1.3rem; color:var(--text); }
.brand img{ width:36px; height:36px; object-fit:contain; }
.tools{ display:flex; gap:8px; }
.icon-btn{ width:38px; height:38px; border-radius:50%; border:1px solid var(--border); background:var(--surface); color:var(--text); cursor:pointer; font-family:var(--head); font-weight:600; font-size:.8rem; transition:all .2s; }
.icon-btn:hover{ border-color:var(--accent); color:var(--accent); }
main{ padding:54px 0 80px; }
.legal h1{ font-family:var(--head); font-size:clamp(1.8rem,4vw,2.5rem); margin:0 0 6px; }
.legal .updated{ color:var(--muted); font-size:.9rem; margin-bottom:32px; }
.legal h2{ font-family:var(--head); font-size:1.25rem; margin:34px 0 10px; color:var(--text); }
.legal p,.legal li{ color:var(--muted); max-width:74ch; }
.legal strong{ color:var(--text); }
.legal ul{ padding-inline-start:22px; }
.legal li{ margin-bottom:6px; }
.box{ background:var(--bg-2); border:1px solid var(--border); border-radius:var(--radius); padding:18px 22px; margin:22px 0; }
.box p{ margin:.3em 0; }
footer{ border-top:1px solid var(--border); padding:30px 0; color:var(--muted); font-size:.88rem; }
.foot-links{ display:flex; gap:18px; flex-wrap:wrap; margin-bottom:12px; }
.foot-links a{ color:var(--muted); }
.foot-links a:hover{ color:var(--text); }
[hidden]{ display:none !important; }