html,
body {
  background: var(--bg-primary, #0f1419) !important;
  color: var(--text-primary, #e4e6eb) !important;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif !important;
  height: auto !important;
  overflow: auto !important;
}

body.legal-page {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh;
}

.legal-page .wrap {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
  padding: 28px 24px 32px;
  background: var(--bg-secondary, #1a2028) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.legal-page .lang-row {
  background: var(--bg-tertiary, #232b36);
  border: 1px solid var(--border, #2d3845);
  border-radius: 10px;
  padding: 10px;
  display: flex !important;
  justify-content: flex-end;
}

.legal-page .lang-row label {
  color: var(--text-secondary, #8a95a5) !important;
}

.legal-page .lang-row select {
  background: var(--bg-secondary, #1a2028) !important;
  color: var(--text-primary, #e4e6eb) !important;
  border: 1px solid var(--border, #2d3845) !important;
}

.legal-page h1,
.legal-page h2 {
  color: var(--text-primary, #e4e6eb) !important;
}

.legal-page p,
.legal-page li,
.legal-page .meta,
.legal-page .note {
  color: var(--text-secondary, #8a95a5) !important;
}

.legal-page h2 {
  border-top: 1px solid var(--border, #2d3845) !important;
}

.legal-page a {
  color: var(--accent-blue, #00a8ff) !important;
}

.legal-page .note {
  border: 1px solid var(--border, #2d3845);
  background: rgba(0, 168, 255, 0.08) !important;
}