:root{--bg:#070a20;--card:#121538;--ink:#e8ebff;--dim:#9aa3d0;--accent:#7c5cff;--gold:#ffd76a}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background-image:radial-gradient(120% 60% at 50% 0,#241a5c 0%,#0b1030 45%,#070a20 100%);background-attachment:fixed}
.wrap{max-width:720px;margin:0 auto;padding:44px 22px 80px}
header{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.logo{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#7c5cff,#4ea1ff);
  display:grid;place-items:center;font-weight:900;font-size:15px;letter-spacing:.5px}
.brand b{display:block;font-size:15px;letter-spacing:.3px}
.brand span{font-size:11.5px;color:var(--dim);letter-spacing:2px}
h1{font-size:29px;line-height:1.2;margin-bottom:6px}
.eff{color:var(--dim);font-size:13px;margin-bottom:26px}
h2{font-size:18px;margin:30px 0 8px}
p,li{color:#cfd4f0;margin-bottom:11px}
ul{padding-inline-start:20px}
a{color:#8fb6ff}
.card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px 20px;margin:20px 0}
.card b{color:var(--gold)}
footer{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:var(--dim);font-size:13px;
  display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}
.lang{font-size:13px}
[dir="rtl"] body,body[dir="rtl"]{font-family:"Segoe UI",Tahoma,Arial,sans-serif}