@font-face{font-family:Vazir;src:url(fonts/vazir-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazir;src:url(fonts/vazir-bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--bg:#070b14;--card:#101827;--line:#1d2739;--tx:#e9eff7;--tx2:#98a9c0;--tx3:#67788f;--ac:#38bdf8}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font-family:Vazir,'Segoe UI',Tahoma,sans-serif;font-size:15px;line-height:2}
a{color:var(--ac);text-decoration:none}
a:hover{text-decoration:underline}
header{border-bottom:1px solid var(--line);background:#0b1120}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
.nav{display:flex;align-items:center;justify-content:space-between;height:58px}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--tx);direction:ltr;unicode-bidi:isolate}
.logo b{color:var(--ac)}
.logo:hover{text-decoration:none}
.back{font-size:13.5px;color:var(--tx2)}
main{padding:34px 0 60px}
h1{font-size:24px;margin:0 0 8px}
.upd{color:var(--tx3);font-size:12.5px;margin:0 0 26px}
h2{font-size:17px;margin:30px 0 8px;color:var(--ac)}
p,li{color:var(--tx2);font-size:14.5px;margin:0 0 10px}
ul{padding-inline-start:20px;margin:0 0 14px}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:18px 0}
.box p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--line);padding:20px 0 40px;color:var(--tx3);font-size:12.5px;text-align:center}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#3b82f6,#22d3ee);color:#04121f;font-weight:700;padding:12px 22px;border-radius:12px;font-size:15px}
.btn:hover{text-decoration:none}