:root{--red:#9E3028;--orange:#E05A12;--ink:#2a1a17;--muted:#6f5d58;--bg:#FFF8F3;--card:#fff;--line:#f0e2d8}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Arabic",Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--red)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:980px;margin:auto;padding:18px 20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:800}.brand img{width:44px;height:44px;border-radius:10px}
nav a{margin-inline-start:16px;text-decoration:none;font-weight:600}
main{max-width:980px;margin:auto;padding:0 20px 60px}
.hero{background:linear-gradient(120deg,var(--red),var(--orange));color:#fff;border-radius:28px;padding:48px 32px;text-align:center}
.hero img{width:120px;height:120px;border-radius:26px;background:#fff}.hero h1{font-size:clamp(28px,5vw,44px);margin:16px 0 8px}.hero p{font-size:18px;margin:0 auto;max-width:640px;opacity:.95}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px}.card h3{margin:0 0 6px}
.lang{margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
[dir=rtl]{text-align:right}
article h1{font-size:34px;margin:24px 0 4px}article h2{margin-top:30px;font-size:21px}article .muted{color:var(--muted)}
footer{text-align:center;color:var(--muted);font-size:14px;padding:30px 20px;border-top:1px solid var(--line)}