:root {
  --bg: #0B0D17;
  --surface: #171929;
  --text: #F5F5FA;
  --text-muted: #9A9BC0;
  --border: #2A2D48;
  --primary: #8B5CF6;
  --primary-alt: #EC4899;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Assistant", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  direction: rtl;
  line-height: 1.7;
}
.page {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 24px 80px;
}
.back-link {
  display: inline-block;
  color: var(--text-muted);
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 18px;
}
.back-link:hover { color: var(--text); }
h1 {
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 4px;
  background: linear-gradient(135deg, var(--primary), var(--primary-alt));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
.updated { color: var(--text-muted); font-size: 13px; margin-bottom: 28px; }
h2 { font-size: 18px; margin: 28px 0 8px; }
h3 { font-size: 15px; margin: 18px 0 6px; color: var(--text); }
p, li { font-size: 14.5px; color: var(--text-muted); }
p { margin: 8px 0; }
ul, ol { padding-inline-start: 22px; }
li { margin: 6px 0; }
a { color: var(--primary); }
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px 18px;
  margin: 16px 0;
}
details {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 16px;
  margin-bottom: 10px;
}
summary { cursor: pointer; font-weight: 700; font-size: 14.5px; color: var(--text); }
details p, details li { margin-top: 8px; }
.contact-box {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 20px;
  text-align: center;
  margin-top: 18px;
}
.contact-box a { font-size: 16px; font-weight: 700; }