/* Midterm Millionaire Summit — overrides loaded after app.css and the shared main.css.
   Tokens come from the design handoff (midterm-millionaire-summit-signup_MAIN_3). */
:root {
  --mm-paper: #fffbf0;
  --mm-ink: #121a2b;
  --mm-navy-950: #060f20;
  --mm-navy-900: #0a1830;
  --mm-navy-800: #0f2142;
  --mm-navy-700: #173060;
  --mm-gold: #c7a24a;
  --mm-gold-2: #e2c46f;
  --mm-red: #b5261c;
  --mm-blue: #00548a;
}

body.bg-white {
  background: var(--mm-paper);
  color: var(--mm-ink);
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

/* ===== header ===== */
.top-header.mm-hero {
  background:
    radial-gradient(120% 90% at 85% 40%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 60%),
    url("https://s3.us-east-1.amazonaws.com/assets.oxfordclub.com/promo/mal/midterm/images/waves.svg") center / cover no-repeat,
    var(--mm-paper);
  border-bottom: 3px solid var(--mm-gold);
}

.mm-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px 16px 0;
}

.mm-hero__logo {
  width: min(560px, 100%);
  height: auto;
  margin: 8px auto 24px;
}

.mm-hero__portrait {
  display: none;
  height: auto;
}

@media (min-width: 782px) {
  .mm-hero__inner {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 32px;
    padding: 24px 40px 0;
  }

  .mm-hero__logo {
    margin: 32px 0 40px;
  }

  .mm-hero__portrait {
    display: block;
    width: 240px;
    max-width: 100%;
  }
}

/* ===== countdown bar ===== */
#countdown.mm-countdown {
  background: linear-gradient(180deg, var(--mm-navy-800), var(--mm-navy-950));
  border-top: 2px solid var(--mm-gold);
  color: #fff;
}

#countdown.mm-countdown h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  color: #fff;
}

#countdown.mm-countdown h2 span {
  color: var(--mm-gold-2);
}

/* ===== SMS / VIP block ===== */
.sms-section {
  background: linear-gradient(160deg, var(--mm-navy-700), var(--mm-navy-900) 70%);
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

.sms-section h2,
.sms-section p.font-black {
  font-family: "Playfair Display", Georgia, serif;
}

.sms-section h2 {
  color: var(--mm-gold-2);
}

/* ===== updates list (blog-posts partial) ===== */
.yellow-gradient {
  background: linear-gradient(180deg, var(--mm-gold), var(--mm-gold-2));
}

/* ===== headings ===== */
.confirm .eyebrow,
.eyebrow {
  font-family: "Playfair Display", Georgia, serif;
}