:root{--bg:#070a13;--surface:#0e1524;--border:#24304c;--text:#e7ecf7;--text-dim:#8d97b6;--accent:#6c7bff;--accent-2:#e8b75c;--down:#fb7185;}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic','IBM Plex Sans',Tahoma,sans-serif;line-height:1.9;}
body[dir=ltr]{font-family:'IBM Plex Sans','Segoe UI',Arial,sans-serif;line-height:1.7;}
.wrap{max-width:860px;margin:0 auto;padding:28px 16px 60px;}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;}
.top a.home{color:var(--text);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:10px;font-size:18px;}
.top a.home span.mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6c7bff,#8b5cf6);display:inline-grid;place-items:center;}
.top nav{display:flex;gap:6px;flex-wrap:wrap;}
.top nav a{color:var(--text-dim);text-decoration:none;font-size:13px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;}
.top nav a:hover,.top nav a.on{color:var(--text);border-color:var(--accent);}
article{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px 26px 30px;}
h1{margin:0 0 4px;font-size:26px;}
.upd{color:var(--text-dim);font-size:13px;margin:0 0 18px;}
h2{font-size:18px;margin:26px 0 6px;color:var(--accent-2);}
p,li{color:#cfd6ea;font-size:15px;}
ul{padding-inline-start:22px;margin:6px 0;}
.warn{border:1px solid rgba(251,113,133,.4);background:rgba(251,113,133,.08);border-radius:12px;padding:12px 16px;color:#fecdd3;}
a{color:#9aa5ff;}
footer{color:var(--text-dim);font-size:12px;text-align:center;margin-top:22px;}
@media (max-width:560px){article{padding:18px 16px 22px;}h1{font-size:22px;}}