:root{
  --navy:#0B1B2B; --navy2:#10263C; --ivory:#F8F4EB; --sand:#F1EADB;
  --gold:#C2A15F; --gold-soft:#E6D3A7; --ink:#24313D; --muted:#6C7886;
  --disp-ar:'Amiri',serif; --body-ar:'Almarai',sans-serif;
  --disp-en:'Marcellus',serif; --body-en:'Jost',sans-serif;
  --sh:0 18px 50px -18px rgba(11,27,43,.28);
}
*{box-sizing:border-box}
body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--body-ar);line-height:1.9}
html[lang="en"] body{font-family:var(--body-en);line-height:1.7}
a{color:inherit}
.wrap{max-width:980px;margin:0 auto;padding:0 24px}
.top{background:var(--navy);color:#fff;padding:26px 0;border-bottom:4px solid var(--gold)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{font-family:var(--disp-en);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft)}
.back{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:10px 18px;text-decoration:none}
.hero{padding:56px 0 26px}
.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;font-weight:700}
h1,h2{font-family:var(--disp-ar);color:var(--navy);line-height:1.35}
html[lang="en"] h1,html[lang="en"] h2{font-family:var(--disp-en);font-weight:400}
h1{font-size:clamp(2rem,4vw,3rem);margin:12px 0}
.lead{color:var(--muted);font-size:1.06rem;max-width:760px}
.card{background:#fff;border:1px solid rgba(194,161,95,.25);border-radius:18px;box-shadow:var(--sh);padding:34px;margin:28px 0}
.section{border-top:1px solid rgba(194,161,95,.22);padding-top:24px;margin-top:24px}
.section:first-child{border-top:0;padding-top:0;margin-top:0}
h2{font-size:1.35rem;margin:0 0 10px}
p{margin:0 0 12px}
ul{margin:0;padding-inline-start:24px}
li{margin:0 0 8px}
.note{background:var(--ivory);border-inline-start:4px solid var(--gold);padding:14px 16px;border-radius:10px;color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;text-decoration:none;border:1px solid var(--navy)}
.btn.gold{background:linear-gradient(135deg,var(--gold),#AD8B4C);border-color:transparent;color:#fff}
footer{padding:38px 0;color:var(--muted);font-size:.9rem}
