/* Signup page presentation only. Form fields, names, and the admin endpoint
   action live in the HTML and are unchanged. */
.page-main {
  max-width: 1080px;
  margin: 0 auto;
  padding: 56px clamp(22px, 5vw, 64px) 80px;
}
.page-main h2 { font-size: clamp(26px, 3vw, 36px); margin-bottom: 18px; }
.page-main .section-lead { max-width: 42rem; margin-bottom: 8px; }
.page-main a { color: var(--amber-d); }
.coach-cards { margin-top: 8px; }
.signup-block { margin-top: 56px; max-width: 42rem; }
.signup-block h3 {
  font-size: 19px;
  margin: 28px 0 8px;
}
.signup-block ul { margin: 8px 0 0; padding-left: 0; list-style: none; }
.signup-block li { position: relative; padding-left: 22px; margin: 7px 0; }
.signup-block li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .62em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--amber);
}
.form-note { margin-top: 16px; }
.signup-form { margin-top: 22px; }
.signup-form label {
  display: block;
  margin: 16px 0 6px;
  color: var(--navy);
  font-family: "Libre Baskerville", Georgia, serif;
  font-size: 15px;
}
.signup-form .muted {
  color: #777;
  font-family: "Ovo", Georgia, serif;
  font-weight: 400;
}
.signup-form input,
.signup-form select,
.signup-form textarea {
  width: 100%;
  max-width: 520px;
  font: inherit;
  color: var(--navy);
  background: #fff;
  border: 1.5px solid #e0d5cc;
  border-radius: 12px;
  padding: 12px 14px;
}
.signup-form input:focus,
.signup-form select:focus,
.signup-form textarea:focus {
  outline: 2px solid var(--amber);
  border-color: var(--amber);
}
.signup-form input[type="file"] { padding: 10px; background: var(--cream); }
.signup-form button.btn { border: 0; cursor: pointer; margin-top: 8px; }
.hp-field {
  display: none !important;
  position: absolute;
  left: -9999px;
}
.fine-print { font-size: 15px; color: #777; max-width: 36rem; margin: 14px 0 0; }
.hero-follow { margin-top: 18px; }
@media (max-width: 860px) {
  .page-main { padding: 36px 22px 60px; }
}

/* Added for admin.kctechtrades.com cutover */
.form-status {
  margin-top: 12px;
  font-size: 15px;
  color: var(--navy);
}
.form-status.is-error {
  color: #b33;
}
.signup-form button[disabled] {
  opacity: 0.7;
  cursor: progress;
}
.submit-note {
  margin-top: 12px;
}