@import url('/styles.css');

.legal-main {
  width: min(840px, calc(100% - 36px));
  margin: 0 auto;
  padding: 132px 0 80px;
}
.legal-main h1 { font-size: clamp(34px, 6vw, 58px); margin: 0 0 12px; }
.legal-main h2 { margin-top: 38px; font-size: 22px; }
.legal-main p, .legal-main li { color: var(--muted); }
.legal-main strong { color: var(--text); }
.legal-meta { border-bottom: 1px solid var(--line); padding-bottom: 24px; }
.legal-card { margin-top: 28px; padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.legal-main input, .legal-main textarea, .legal-main select {
  width: 100%; margin-top: 6px; padding: 12px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--bg); color: var(--text); font: inherit;
}
.legal-main label { display: block; margin-top: 16px; }
.legal-main textarea { min-height: 160px; resize: vertical; }
.legal-main button { margin-top: 18px; border: 0; border-radius: 999px; padding: 12px 22px; background: var(--gold); color: #17120a; font-weight: 700; cursor: pointer; }
.legal-main button:disabled { opacity: .55; cursor: wait; }
.form-status { min-height: 24px; margin-top: 12px; }