:root {
  --bg: #f6f6fb;
  --text: #1c1b29;
  --muted: #5d5b72;
  --brand: #4f46e5;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #13121c; --text: #ecebf5; --muted: #a9a7bd; --brand: #a5b4fc; }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Vazirmatn, Tahoma, "Segoe UI", sans-serif;
  line-height: 1.9;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
a { color: var(--brand); }
h1 { font-size: 1.7rem; margin: 0.6em 0 0.2em; }
h2 { font-size: 1.15rem; margin: 1.8em 0 0.4em; }
ul { padding-inline-start: 1.3em; }
li { margin-bottom: 0.4em; }
.muted { color: var(--muted); }
.brand {
  display: inline-flex; align-items: center; gap: 10px;
  font-weight: bold; text-decoration: none; color: var(--text);
}
.brand img { border-radius: 10px; }
.en { margin-top: 3em; border-top: 1px solid rgba(127, 127, 127, 0.3); }
.home { text-align: center; }
.home .logo { border-radius: 28px; margin-top: 24px; }
.lead { font-size: 1.15rem; color: var(--muted); }
.features { list-style: none; padding: 0; margin: 2em auto; max-width: 420px; }
.features li { background: rgba(127, 127, 127, 0.08); border-radius: 14px; padding: 10px 16px; }