/* Стили юридических страниц (/privacy, /terms, /refund, /support).
   Отдельный лёгкий файл: страницы должны открываться мгновенно и без JS,
   палитра и шрифты совпадают с лендингом (landing.css). */

:root {
  --bg: #111316;
  --bg-deep: #0c0e11;
  --panel: rgba(26, 28, 31, 0.62);
  --text: #e2e2e6;
  --muted: #7c7f9c;
  --border: rgba(255, 255, 255, 0.07);
  --border-s: rgba(255, 255, 255, 0.15);
  --accent: #a9c7ff;
  --accent-dim: rgba(169, 199, 255, 0.12);
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 16px/1.65 Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.legalTopbar {
  border-bottom: 1px solid var(--border);
  background: var(--bg-deep);
}

.legalTopbarInner {
  max-width: 760px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.legalBrand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  font: 700 18px/1 "Roboto Condensed", Roboto, sans-serif;
  letter-spacing: 0.02em;
}
.legalBrand:hover { text-decoration: none; color: var(--accent); }

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 20px 72px;
}

.legal h1 {
  font: 700 clamp(28px, 5vw, 38px)/1.15 "Roboto Condensed", Roboto, sans-serif;
  margin: 0 0 6px;
}

.legalUpdated {
  color: var(--muted);
  font-size: 14px;
  margin: 0 0 26px;
}

.legalSummary {
  border: 1px solid var(--border-s);
  border-left: 3px solid var(--accent);
  background: var(--accent-dim);
  border-radius: 10px;
  padding: 14px 18px;
  margin: 0 0 30px;
  font-size: 15px;
  color: var(--text);
}
.legalSummary p { margin: 0 0 8px; }
.legalSummary p:last-child { margin-bottom: 0; }

.legal h2 {
  font: 700 21px/1.3 "Roboto Condensed", Roboto, sans-serif;
  margin: 34px 0 10px;
}

.legal p, .legal li { color: var(--text); }
.legal ul { padding-left: 22px; margin: 10px 0; }
.legal li { margin: 5px 0; }

.legal .muted { color: var(--muted); }

.legalFooter {
  border-top: 1px solid var(--border);
  background: var(--bg-deep);
}

.legalFooterInner {
  max-width: 760px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  align-items: center;
  color: var(--muted);
  font-size: 14px;
}
.legalFooterInner a { color: var(--muted); }
.legalFooterInner a:hover { color: var(--accent); }