:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.7;
  color: #0A1628;
  background: #f5f7fa;
}
.wrap { max-width: 820px; margin: 0 auto; padding: 32px 20px 80px; }
header { background: linear-gradient(135deg, #0A1628, #0D1F3C); color: #fff; padding: 40px 20px; text-align: center; }
header h1 { margin: 0 0 6px; font-size: 26px; }
header .brand { color: #00D4D4; font-weight: 700; letter-spacing: 1px; }
header .updated { opacity: .7; font-size: 13px; margin-top: 8px; }
h2 { color: #0A1628; margin-top: 34px; font-size: 20px; border-bottom: 2px solid #00D4D4; padding-bottom: 6px; }
a { color: #0086a8; }
.section-ar { direction: rtl; text-align: right; }
.lang-sep { margin: 50px 0; border: none; border-top: 1px dashed #b8c2cc; }
footer { text-align: center; color: #64748b; font-size: 13px; padding: 24px; }
@media (prefers-color-scheme: dark) {
  body { color: #e5eefc; background: #0A1628; }
  .wrap { }
  h2 { color: #7fecec; }
  footer { color: #7c8aa0; }
}