:root{
  --bg:#111521;--panel:#1A1D29;--text:#f8fafc;--muted:#a0a0a0;
  --turq:#00C8B0;--orange:#F7941D;--purple:#5A2B88;--pink:#E94364;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",sans-serif;line-height:1.75}
a{color:var(--turq)}.wrap{width:min(1050px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;background:rgba(17,21,33,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);z-index:5}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}
.logo{height:62px;width:auto}.back{padding:9px 14px;border:1px solid rgba(0,200,176,.35);border-radius:999px;text-decoration:none}
main{padding:48px 0 72px}.hero{padding:28px;border-radius:24px;background:linear-gradient(135deg,rgba(0,200,176,.09),rgba(90,43,136,.13),rgba(233,67,100,.08));border:1px solid rgba(255,255,255,.08);margin-bottom:24px}
h1{font-size:clamp(30px,5vw,52px);margin:0 0 8px}h2{margin-top:30px;color:var(--turq)}h3{color:var(--orange)}
.meta{color:var(--muted);font-size:14px}.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:26px;margin:20px 0}
.ar{direction:rtl;text-align:right}.en{direction:ltr;text-align:left}.notice{border-inline-start:4px solid var(--pink);padding:12px 16px;background:rgba(233,67,100,.08);border-radius:10px}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill{display:inline-block;padding:9px 13px;border-radius:999px;background:rgba(0,200,176,.09);border:1px solid rgba(0,200,176,.25);text-decoration:none}
footer{border-top:1px solid rgba(255,255,255,.08);color:var(--muted);padding:24px 0;text-align:center}
ul{padding-inline-start:22px}@media(max-width:620px){header .wrap{align-items:flex-start}.logo{height:52px}.card,.hero{padding:20px}}

.legal-controls{display:flex;align-items:center;margin-inline-start:auto}.legal-controls select{background:#111827;color:#f8fafc;border:1px solid rgba(0,200,176,.35);border-radius:999px;padding:8px 12px;outline:none}.legal-controls select:focus{border-color:var(--turq)}@media(max-width:620px){header .wrap{flex-wrap:wrap}.legal-controls{margin-inline-start:0}.back{font-size:12px}}