:root{--bg:#0d0d0e;--card:#151516;--line:#2a2a2d;--fg:#e9e9ea;--muted:#a3a3a8;--gold:#ffc400;--gold2:#ff9d00}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:radial-gradient(ellipse at top,#1d1a10 0%,var(--bg) 55%);color:var(--fg);font:16px/1.7 "Changa","Segoe UI",Tahoma,sans-serif;padding:32px max(16px,env(safe-area-inset-left)) 64px max(16px,env(safe-area-inset-right))}
main{max-width:860px;margin:0 auto}
header{display:flex;align-items:center;gap:14px;margin-bottom:28px}
header img{width:56px;height:56px;border-radius:50%}
header h1{margin:0;font-size:26px;color:var(--gold);letter-spacing:.5px}
header p{margin:0;color:var(--muted);font-size:14px}
nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
nav a{color:var(--fg);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px}
nav a:hover,nav a[aria-current]{border-color:var(--gold);color:var(--gold)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 28px;margin-bottom:22px}
h2{color:var(--gold);font-size:21px;margin:0 0 6px}
h3{font-size:17px;margin:22px 0 6px;color:#ffd84a}
p,li{color:var(--fg)}
ul{padding-inline-start:22px}
.muted{color:var(--muted);font-size:14px}
.ar{direction:rtl;text-align:right}
.bots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:12px 0}
.bot{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bot b{color:var(--gold)}
a{color:var(--gold)}
footer{color:var(--muted);font-size:13px;text-align:center;margin-top:30px}