:root{--bg:#07111F;--card:#0F1B2D;--primary:#00C2FF;--secondary:#0057FF;--text:#FFFFFF;--muted:#94A3B8;--border:rgba(255,255,255,0.10)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.7;padding:0 16px 64px}
.wrap{max-width:820px;margin:0 auto}
header{display:flex;align-items:center;gap:12px;padding:28px 0 18px}
.mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:grid;place-items:center;font-weight:900;font-size:20px;color:#fff}
header b{font-size:20px}header b span{color:var(--primary)}
nav{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}
nav a{color:var(--muted);text-decoration:none;font-size:13px;border:1px solid var(--border);border-radius:999px;padding:6px 12px}
nav a.on{color:var(--text);border-color:var(--primary)}
.lang{display:flex;gap:8px;margin-bottom:18px}
.lang button{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 14px;cursor:pointer;font-size:14px}
.lang button.on{border-color:var(--primary);color:var(--primary)}
.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px 24px}
h1{font-size:26px;letter-spacing:-.3px;margin-bottom:6px}
.meta{color:var(--muted);font-size:13px;margin-bottom:22px}
h2{font-size:17px;margin:26px 0 8px;color:var(--primary)}
p,li{color:#CBD5E1;font-size:15px}
ul{padding-inline-start:22px;margin:6px 0}
li{margin:4px 0}
.note{background:rgba(0,194,255,.08);border:1px solid rgba(0,194,255,.25);border-radius:12px;padding:12px 14px;margin:18px 0;font-size:14px}
a{color:var(--primary)}
[dir=rtl]{font-family:'Segoe UI','Tahoma',system-ui,sans-serif}
.hidden{display:none}
footer{color:var(--muted);font-size:12px;text-align:center;margin-top:28px}