html, body { min-height: 100%; }
body { margin: 0; background: #fff; color: #333; font-family: Poppins, Arial, sans-serif; }
.legal-page { min-height: 100vh; display: flex; flex-direction: column; }
.legal-header { padding: 18px 24px; border-bottom: 1px solid #eee; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.legal-header-inner { max-width: 1040px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.legal-logo { width: 145px; height: auto; }
.legal-home { color: #2c8098; font-weight: 600; text-decoration: none; }
.legal-main { width: 100%; max-width: 920px; margin: 0 auto; padding: 55px 24px 70px; box-sizing: border-box; flex: 1; }
.legal-main h1 { margin: 0 0 8px; color: #2c8098; font-size: 34px; line-height: 1.25; text-align: center; }
.legal-date { margin: 0 0 42px; color: #777; text-align: center; }
.legal-main h2 { margin: 34px 0 13px; color: #ed633e; font-size: 21px; }
.legal-main p, .legal-main li { font-size: 16px; line-height: 1.75; }
.legal-main ul { padding-left: 24px; }
.legal-placeholder { color: #b14b32; font-weight: 600; }
.legal-footer { padding: 28px 20px; color: #fff; background: #6dbbd3; text-align: center; }
.legal-footer a { color: #fff; font-weight: 600; text-decoration: none; }
.legal-footer p { margin: 6px 0; }
@media (max-width: 602px) {
  .legal-header { padding: 14px 18px; }
  .legal-logo { width: 125px; }
  .legal-home { font-size: 14px; }
  .legal-main { padding: 38px 20px 52px; }
  .legal-main h1 { font-size: 27px; }
  .legal-main h2 { font-size: 19px; }
  .legal-main p, .legal-main li { font-size: 15px; }
}