/* Legal pages styles */
.legal-page {
  min-height: 100vh;
  background: #F8F9FF;
  padding-top: 72px;
}
@media (min-width: 1280px) { .legal-page { padding-top: 85px; } }

.legal-main {
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 20px;
}
@media (min-width: 640px)  { .legal-main { padding: 48px 24px; } }
@media (min-width: 768px)  { .legal-main { padding: 48px 40px; } }
@media (min-width: 1024px) { .legal-main { padding: 48px 56px; } }

.legal-title {
  font-size: clamp(28px, 5vw, 48px);
  font-weight: 600;
  line-height: 1.2;
  color: #0c0407;
  margin-bottom: 32px;
}

.legal-section {
  border-radius: 28px;
  border: 1px solid #E0E4FF;
  background: #fff;
  padding: 24px;
  box-shadow: 0 12px 30px rgba(15,23,42,0.08);
  transition: box-shadow 0.2s;
  margin-bottom: 24px;
}
.legal-section:hover { box-shadow: 0 18px 40px rgba(15,23,42,0.12); }

.legal-section h2 {
  font-size: 22px;
  font-weight: 600;
  color: #101326;
  margin-bottom: 12px;
}
.legal-section p {
  font-size: 15px;
  line-height: 1.75;
  color: #4d5475;
  margin-bottom: 8px;
}
.legal-section p:last-child { margin-bottom: 0; }
.legal-section a { color: #F97316; text-decoration: underline; }
.legal-section a:hover { color: #EA6C00; }
.legal-section strong { font-weight: 600; color: #0c0407; }