/* Landing-aligned legal pages. Loaded after the legacy embedded styles. */
html.light-mode body.legal-page,
body.legal-page {
  --legal-ink: #081226;
  --legal-muted: #65728a;
  --legal-line: #e7e9ef;
  --legal-violet: #6337f2;
  --legal-soft: #f4f0ff;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 126px 24px 72px !important;
  background: radial-gradient(circle at 50% 4%, rgba(99,55,242,.08), transparent 29rem), #fff !important;
  color: var(--legal-ink) !important;
  font-family: 'Syne', system-ui, sans-serif !important;
}

.legal-page *,
.legal-page button { box-sizing: border-box; font-family: 'Syne', system-ui, sans-serif !important; }
.legal-page i.fa-solid,
.legal-page i.fas { font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important; }

.legal-page-header {
  position: fixed;
  z-index: 1000;
  inset: 0 0 auto;
  height: 80px;
  padding: 0 clamp(24px, 5.2vw, 82px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid #eceef3;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.legal-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--legal-ink);
  text-decoration: none;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.045em;
}
.legal-brand img { width: 30px; height: 30px; border-radius: 8px; }
.legal-page-kind { color: #7a8598; font-size: 12px; font-weight: 600; }

.legal-page .legal-container {
  width: min(920px, 100%) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: clamp(34px, 5vw, 64px) !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid var(--legal-line) !important;
  border-radius: 26px !important;
  color: var(--legal-ink) !important;
  box-shadow: 0 22px 65px rgba(35,24,92,.075) !important;
  text-align: left !important;
}
.legal-page .navigation-header {
  position: static !important;
  margin: 0 0 52px !important;
  padding: 0 0 22px !important;
  border-bottom: 1px solid var(--legal-line);
}
.legal-page .nav-btn {
  min-height: 40px;
  padding: 0 15px !important;
  border: 1px solid #dde1e9 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #59667d !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.legal-page .nav-btn:hover {
  color: var(--legal-violet) !important;
  border-color: #c9b9ff !important;
  background: #faf8ff !important;
}
.legal-page .legal-container h1 {
  margin: 0 0 42px !important;
  color: var(--legal-ink) !important;
  font-size: clamp(2.65rem, 6vw, 4.6rem) !important;
  line-height: .98 !important;
  letter-spacing: -.06em !important;
  text-align: left !important;
}
.legal-page .legal-content > p:first-child {
  width: fit-content;
  margin-bottom: 28px !important;
  padding: 7px 13px;
  border-radius: 999px;
  background: var(--legal-soft);
  color: var(--legal-violet) !important;
  font-size: 11px !important;
}
.legal-page .legal-content h4 {
  margin: 38px 0 13px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--legal-line) !important;
  color: var(--legal-ink) !important;
  font-size: 1.08rem !important;
  letter-spacing: -.025em;
}
.legal-page .legal-content p,
.legal-page .legal-content li {
  color: var(--legal-muted) !important;
  font-size: .98rem !important;
  line-height: 1.78 !important;
}
.legal-page .legal-content strong { color: #26334a !important; }
.legal-page .legal-content a { color: var(--legal-violet) !important; }
.legal-page .back-link {
  width: fit-content;
  margin: 42px 0 0 !important;
  padding: 11px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg,#5524ef,#7c4dff);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 24px rgba(99,55,242,.18);
}

.legal-page #lang-overlay { background: rgba(8,12,26,.5) !important; }
.legal-page .lang-modal {
  background: #fff !important;
  border: 1px solid #ddd5ff !important;
  box-shadow: 0 28px 80px rgba(8,12,26,.22) !important;
}
.legal-page .lang-modal h2 { color: var(--legal-ink) !important; }
.legal-page .lang-option {
  background: #fafafe !important;
  border-color: var(--legal-line) !important;
  color: #4f5c73 !important;
}
.legal-page .lang-option:hover { color: var(--legal-violet) !important; border-color: #c9b9ff !important; }
.legal-page .close-lang-btn { color: #6c778b !important; }

html[dir="rtl"] .legal-page .legal-container,
html[dir="rtl"] .legal-page .legal-container h1 { text-align: right !important; }

@media (max-width: 640px) {
  body.legal-page { padding: 94px 12px 36px !important; }
  .legal-page-header { height: 68px; padding: 0 17px; }
  .legal-page-kind { display: none; }
  .legal-page .legal-container { padding: 24px 20px 32px !important; border-radius: 20px !important; }
  .legal-page .navigation-header { margin-bottom: 36px !important; }
  .legal-page .legal-container h1 { margin-bottom: 32px !important; font-size: clamp(2.35rem, 13vw, 3.5rem) !important; }
  .legal-page .legal-content p,
  .legal-page .legal-content li { font-size: .92rem !important; }
}