/* NMR Quiz/Opt-in Form Treatment
   Loaded after each page's inline <style> so it overrides the original
   form styling. Single source of truth for the quiz buttons + form
   text brightness across the homepage, /2-mistakes, /5-recruiting-mistakes,
   the LP, all 50 state-track pages, and any future page that uses
   the same .nmr-quiz-btn / .nmr-capture-form structure. */

/* ===== Quiz buttons — 32%/85% resting + bold-highlight hover ===== */
.nmr-quiz-btn {
  border-color: rgba(255, 255, 255, 0.32);
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.04);
}
.nmr-quiz-btn:hover {
  border-color: rgba(255, 255, 255, 0.75);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.13);
}

/* ===== Form text brightness — Variant C (strongest readable) =====
   Lifts every dim text element in the capture section: subtitle, form
   labels, input placeholders, "No spam" privacy line, "← Go back",
   "Not ready to share your email?". Weights bumped to semibold so
   thin text reads at glance distance. */
.nmr-capture > p,
.nmr-step3-sub {
  color: rgba(255, 255, 255, 0.96);
  font-weight: 600;
}
.nmr-capture-form label {
  color: rgba(255, 255, 255, 0.95);
}
.nmr-capture-form input::placeholder {
  color: rgba(255, 255, 255, 0.72);
}
.nmr-capture-privacy {
  color: rgba(255, 255, 255, 0.75);
  font-weight: 600;
}
.nmr-quiz-back {
  color: rgba(255, 255, 255, 0.82);
  font-weight: 600;
}
.nmr-not-ready {
  color: rgba(255, 255, 255, 0.96);
  font-weight: 600;
}

/* ===== Medium ombre on .cta-box (matches the homepage opt-in) =====
   Applies to the navy form/CTA boxes on /2-mistakes, /5-recruiting-mistakes,
   the LP, /pdf-signup, /for-coaches, the colorado meet pages, the niwot
   pages — anywhere the dark navy box appears. Halo + stars are clipped
   to the box's rounded corners by overflow: hidden. */
.cta-box {
  background:
    radial-gradient(ellipse 80% 75% at 50% 55%, rgba(140, 185, 245, 0.22) 0%, rgba(95, 145, 225, 0.11) 40%, rgba(20, 28, 58, 0) 75%),
    linear-gradient(180deg, #101732 0%, #141c3a 50%, #1d2950 100%);
  position: relative;
  overflow: hidden;
}
.cta-box::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    radial-gradient(1.5px 1.5px at 15% 25%, rgba(255,255,255,0.55), transparent 50%),
    radial-gradient(1px 1px at 85% 30%, rgba(180,210,255,0.5), transparent 50%),
    radial-gradient(1px 1px at 22% 80%, rgba(255,255,255,0.4), transparent 50%),
    radial-gradient(1.5px 1.5px at 78% 75%, rgba(180,210,255,0.45), transparent 50%),
    radial-gradient(1px 1px at 50% 12%, rgba(255,255,255,0.35), transparent 50%);
}
.cta-box > * {
  position: relative;
  z-index: 1;
}