:root{
  --bg:#eef4ff;
  --bg2:#f8fbff;
  --text:#101828;
  --muted:#667085;
  --card:#ffffffcc;
  --line:#d9e4f5;
  --primary:#2563eb;
  --primary2:#0f766e;
  --shadow:0 18px 45px rgba(24,39,75,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Vazirmatn,IRANSans,Segoe UI,Tahoma,Arial,sans-serif;
  color:var(--text);
  line-height:1.95;
  background:
    radial-gradient(circle at top right,#dbeafe 0,#eef4ff 34%,transparent 35%),
    linear-gradient(135deg,#f8fbff 0%,#eef4ff 48%,#fff 100%);
  min-height:100vh;
}
a{color:inherit}
.container{max-width:980px;margin:auto;padding:28px 18px 42px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.3px}
.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#475467);color:#fff;box-shadow:0 10px 24px rgba(17,24,39,.18)}
.logo svg,.icon svg{width:24px;height:24px;display:block}
.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a,.back{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;color:#344054;font-size:14px;box-shadow:0 6px 18px rgba(24,39,75,.04)}
.hero,.box{background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:26px;padding:30px;margin:18px 0;box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;background:radial-gradient(circle,#bfdbfe,transparent 68%);opacity:.9}
h1{font-size:34px;line-height:1.35;margin:0 0 8px;letter-spacing:-.8px}h2{font-size:24px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #edf2fa}h3{margin:18px 0 8px;font-size:18px}.note,.hero p{color:var(--muted);margin-top:0}.badge{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:999px;padding:6px 12px;font-size:13px;margin-bottom:14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:24px;position:relative}.card{text-decoration:none;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:.22s;min-height:170px}.card:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 20px 38px rgba(37,99,235,.12)}.icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#f2f4f7;color:#111827}.android .icon{background:#ecfdf3;color:#087443}.apple .icon{background:#f2f4f7;color:#111827}.card strong{font-size:23px}.card small{color:var(--muted)}
.btn,.downloads a{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;text-decoration:none;padding:10px 16px;border-radius:13px;margin:6px 4px;font-weight:700;box-shadow:0 10px 18px rgba(37,99,235,.18)}.downloads a{background:var(--primary2);box-shadow:0 10px 18px rgba(15,118,110,.16)}.btn:hover,.downloads a:hover{filter:brightness(.96);transform:translateY(-1px)}
ol{padding-right:22px}.config{background:#f8fafc;border:1px dashed #b6c5d8;border-radius:18px;padding:16px 18px;margin:14px 0}.config p{margin:4px 0}.config b{color:#344054}.servers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;list-style:none;padding:0;margin:10px 0}.servers li{background:#fff;border:1px solid #e5eaf3;border-radius:14px;padding:10px 12px;font-family:Consolas,monospace;direction:ltr;text-align:left}
video{width:100%;max-height:520px;background:#101828;border-radius:18px;margin-top:14px;box-shadow:0 14px 30px rgba(16,24,40,.12)}footer{text-align:center;color:#667085;margin-top:28px;font-size:14px}.section-title{display:flex;align-items:center;gap:10px}.section-title .mini{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}
@media(max-width:620px){.container{padding:16px 12px 32px}.topbar{align-items:flex-start;flex-direction:column}.hero,.box{padding:20px;border-radius:22px}h1{font-size:27px}h2{font-size:21px}.card{min-height:auto}.nav a,.back{font-size:13px;padding:7px 12px}}

.button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0 12px}.btn.secondary{background:#111827;box-shadow:0 10px 18px rgba(17,24,39,.14)}.support-link{font-weight:800;color:#2563eb;text-decoration:none}.support-link:hover{text-decoration:underline}