.legal-hero {
  padding: 96px 0 54px;
  background: linear-gradient(135deg, #16307c, #0f245e);
  color: #fff;
}

.legal-hero h1 {
  font-size: clamp(2rem, 4vw, 3.6rem);
  margin: 0 0 14px;
}

.legal-hero p {
  max-width: 760px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.08rem;
}

.legal-body {
  padding: 54px 0 78px;
}

.legal-panel {
  max-width: 920px;
  margin: 0 auto;
}

.legal-panel h2 {
  margin: 34px 0 12px;
  color: #16307c;
}

.legal-panel p,
.legal-panel li {
  color: #5c6b80;
  line-height: 1.85;
}

.legal-panel ul {
  padding-left: 1.2rem;
}

.notice-box {
  background: #edf5ff;
  border-left: 4px solid #5092f3;
  padding: 18px 20px;
  border-radius: 8px;
  margin: 22px 0;
}