:root { --blue:#071f3d; --blue-2:#0d315d; --gold:#d5a72f; --gold-soft:#fff9e8; --cream:#f3efe7; --text:#172033; --muted:#697386; --border:#dce3ec; }
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font-family:"Cairo",Tahoma,Arial,sans-serif; color:var(--text); line-height:1.8; background:var(--cream); }
a { color:inherit; }
img { max-width:100%; display:block; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 20px; border-radius:10px; font-weight:800; text-decoration:none; border:1.5px solid transparent; }
.btn-gold { background:var(--gold); color:var(--blue); }
.btn-ghost { background:#fff; color:var(--blue); border-color:var(--border); }
bdi { direction:ltr; unicode-bidi:isolate; }

/* الرئيسية */
.home { background:linear-gradient(180deg,#e9eff7,var(--cream) 55%); }
.hero { width:min(1000px,100% - 32px); margin:0 auto; padding:max(36px,env(safe-area-inset-top)) 0 28px; display:grid; justify-items:center; gap:16px; text-align:center; }
.logo { width:120px; height:120px; border-radius:14px; background:#fff; border:2px solid rgb(213 167 47 / 45%); padding:4px; object-fit:contain; }
.pill { padding:4px 14px; border-radius:999px; background:var(--blue); color:#fff; font-size:14px; font-weight:700; }
h1 { margin:0; color:var(--blue); font-weight:900; font-size:clamp(30px,6vw,52px); line-height:1.35; }
h1 span { color:var(--gold); }
.lead { margin:0; max-width:640px; color:var(--muted); font-size:17px; }
.art { margin:8px 0 0; width:100%; max-width:820px; border:7px solid var(--gold); border-radius:12px; overflow:hidden; box-shadow:0 20px 45px rgb(10 38 71 / 18%); }
.art img { width:100%; height:auto; aspect-ratio:16/8; object-fit:cover; }
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; width:100%; margin-top:10px; }
.features article { background:#fff; border:1px solid var(--border); border-radius:14px; padding:18px; text-align:start; }
.features b { font-size:26px; }
.features h2 { margin:4px 0; font-size:18px; color:var(--blue); }
.features p { margin:0; color:var(--muted); font-size:14px; }
.cta { display:grid; gap:12px; justify-items:center; margin-top:8px; }
.cta h2 { margin:0; color:var(--blue); font-size:20px; }
.contact { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.foot { text-align:center; color:var(--muted); font-size:13px; padding:20px 16px max(24px,env(safe-area-inset-bottom)); }
.foot nav a { color:var(--blue-2); text-decoration:underline; }
.foot p { margin:6px 0 0; }

/* الصفحات القانونية */
.legal { background:linear-gradient(rgb(247 243 234 / 50%),rgb(247 243 234 / 78%)),url(/terms-background.jpg) center top / cover no-repeat fixed; }
.shell { width:min(960px,100% - 32px); margin:0 auto; padding:max(24px,env(safe-area-inset-top)) 0 0; display:grid; gap:16px; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 16px; border-radius:16px; background:rgb(255 255 255 / 94%); box-shadow:0 8px 28px rgb(10 38 71 / 8%); }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.brand img { border-radius:10px; object-fit:contain; }
.brand strong,.brand small { display:block; line-height:1.3; }
.brand strong { color:var(--blue); font-size:18px; }
.brand small { color:var(--muted); font-size:12px; }
.topbar nav { display:flex; gap:6px; flex-wrap:wrap; }
.topbar nav a { padding:6px 12px; border-radius:8px; font-weight:700; color:var(--blue); text-decoration:none; font-size:14px; }
.topbar nav a.on { background:var(--blue); color:#fff; }
.doc { background:rgb(255 255 255 / 96%); border-radius:16px; padding:30px 26px; box-shadow:0 8px 28px rgb(10 38 71 / 8%); }
.doc h1 { font-size:clamp(24px,4vw,32px); }
.doc .lead { margin-top:10px; color:var(--text); font-size:15px; max-width:none; }
.updated { margin:6px 0 0; color:var(--muted); font-size:13px; }
.toc { margin:20px 0 6px; padding:14px 20px; border-radius:12px; background:#f3f6fa; }
.toc h2 { margin:0 0 6px; font-size:16px; color:var(--blue); }
.toc ol { margin:0; padding-inline-start:22px; columns:2; column-gap:28px; font-size:14px; }
.toc a { color:var(--blue-2); }
.doc section { margin-top:24px; scroll-margin-top:16px; }
.doc section h2 { margin:0 0 6px; padding-bottom:6px; font-size:19px; color:var(--blue); border-bottom:2px solid var(--gold-soft); }
.doc p,.doc li { font-size:15px; }
.doc p { margin:8px 0 0; }
.doc ul { margin:8px 0 0; padding-inline-start:22px; }
.more { display:inline-block; margin-top:8px; color:var(--blue-2); font-weight:700; }
.doc .contact { justify-content:flex-start; margin-top:10px; }

@media (max-width:1024px),(hover:none) { .legal { background-attachment:scroll; } }
@media (max-width:720px) {
  .features { grid-template-columns:1fr; }
  .contact .btn { flex:1 1 100%; }
  .doc { padding:22px 16px; }
  .toc ol { columns:1; }
  .topbar nav { width:100%; }
  .topbar nav a { flex:1; text-align:center; }
}