:root { --green: #0c2e24; --deep: #06140f; --gold: #e2be78; --cream: #efe6d2; --paper: #fbf6ea; --ink: #2b2418; }
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, "SF Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;
       background: linear-gradient(var(--green), var(--deep)) fixed; color: var(--ink); line-height: 1.9; }
header { text-align: center; padding: 48px 20px 28px; color: var(--cream); }
header h1 { color: var(--gold); font-family: "DecoType Naskh", "Geeza Pro", serif; font-weight: normal; font-size: 2.6rem; margin: 12px 0 4px; }
header p { margin: 0; opacity: .85; }
main { max-width: 760px; margin: 0 auto 48px; background: var(--paper); border: 1px solid #c9a15a;
       border-radius: 18px; padding: 28px 32px; box-shadow: 0 20px 60px rgba(0,0,0,.35); }
h2 { color: #7a5a24; font-size: 1.25rem; margin: 28px 0 6px; }
h2:first-child { margin-top: 0; }
a { color: #8a682e; }
nav { text-align: center; margin-top: 16px; }
nav a { color: var(--gold); margin: 0 10px; text-decoration: none; }
.en { direction: ltr; text-align: left; border-top: 1px solid #e5d6b3; margin-top: 32px; padding-top: 12px; }
footer { text-align: center; color: var(--cream); opacity: .6; font-size: .85rem; padding-bottom: 32px; }
svg { width: 56px; height: 56px; }