:root{
  --bg0:#07111c;
  --bg1:#0d1f30;
  --ink:#e8f4fc;
  --muted:#8eacc1;
  --line:#2a5570;
  --accent:#47dfff;
  --panel:#0b1824;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100%;
  color:var(--ink);
  background:
    radial-gradient(ellipse at 20% 0%,#163553 0%,transparent 42%),
    radial-gradient(ellipse at 90% 10%,#1a3a28 0%,transparent 36%),
    linear-gradient(180deg,var(--bg1),var(--bg0));
  font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif;
  line-height:1.65;
}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#9aefff}
.wrap{width:min(760px,100%);margin:0 auto;padding:24px 18px 48px}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.brand{font-size:1.35rem;letter-spacing:.08em;font-weight:800}
.brand span{color:var(--accent)}
.nav{display:flex;flex-wrap:wrap;gap:14px;font-size:.92rem}
.langbar{
  display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px;
  padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)
}
.langbar a{font-weight:700}
.section{padding:4px 0 28px}
.section h1{margin:0 0 8px;font-size:clamp(1.6rem,4vw,2.1rem);letter-spacing:.04em;line-height:1.2}
.section h2{margin:1.5rem 0 .55rem;font-size:1.08rem;color:#d7eefb}
.meta{color:var(--muted);font-size:.92rem;margin:0 0 1rem}
.section p,.section li,.section dd{color:#c5dceb}
.section ul{padding-inline-start:1.2rem;margin:.4rem 0 1rem}
.section li{margin:.35rem 0}
.section code{
  font-family:Consolas,ui-monospace,monospace;font-size:.86em;
  background:#102233;padding:.1em .35em;border-radius:4px;color:#d6f4ff
}
.faq dt{font-weight:700;margin-top:1rem;color:#eef8ff}
.faq dd{margin:.25rem 0 0;padding:0}
.contact{font-weight:700;word-break:break-word}
.hr{border:0;border-top:1px solid var(--line);margin:8px 0 28px}
.footer{margin-top:28px;color:var(--muted);font-size:.85rem}
.block{scroll-margin-top:64px}
@media (max-width:480px){
  .wrap{padding:18px 14px 40px}
  .top{align-items:flex-start}
  .nav{gap:10px}
  .section h1{font-size:1.45rem}
}