/* Юридические страницы (/terms, /privacy). Внешний файл → CSP без unsafe-inline (как auth.css). */
:root { color-scheme: dark; }
body {
  font-family: Inter, system-ui, sans-serif;
  background: #0a0a0f; color: rgba(255, 255, 255, 0.82);
  margin: 0; line-height: 1.7;
}
.legal-nav {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 820px; margin: 0 auto; padding: 22px 24px;
}
.legal-brand { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 800; text-decoration: none; font-size: 17px; }
.legal-brand img { width: 32px; height: 32px; border-radius: 9px; }
.legal-back { color: rgba(255, 255, 255, 0.6); text-decoration: none; font-size: 14px; font-weight: 600; }
.legal-back:hover { color: #fff; }
main.legal { max-width: 820px; margin: 0 auto; padding: 24px 24px 80px; }
.legal h1 { color: #fff; font-size: 32px; margin: 8px 0 6px; letter-spacing: -0.02em; }
.legal .updated { color: rgba(255, 255, 255, 0.45); font-size: 13px; margin: 0 0 28px; }
.legal .draft {
  border: 1px solid rgba(251, 191, 36, 0.35); background: rgba(251, 191, 36, 0.08);
  color: #fcd34d; border-radius: 12px; padding: 12px 16px; font-size: 13px; margin: 0 0 32px;
}
.legal h2 { color: #fff; font-size: 20px; margin: 36px 0 10px; }
.legal p { margin: 0 0 14px; }
.legal ul { margin: 0 0 14px; padding-left: 22px; }
.legal li { margin: 0 0 8px; }
.legal a { color: #c084fc; text-decoration: underline; }
.legal strong { color: #fff; }
.legal-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  max-width: 820px; margin: 0 auto; padding: 22px 24px;
  display: flex; gap: 18px; justify-content: space-between; flex-wrap: wrap;
  color: rgba(255, 255, 255, 0.4); font-size: 13px;
}
.legal-footer .links { display: flex; gap: 18px; }
.legal-footer a { color: rgba(255, 255, 255, 0.55); text-decoration: none; }
.legal-footer a:hover { color: #fff; }