* { box-sizing: border-box; }

html { color-scheme: light; }

body {
  margin: 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(220, 235, 226, 0.72), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(237, 222, 226, 0.68), transparent 29%),
    #f8f7f4;
  color: #2b2b2b;
  font-family: Figtree, system-ui, sans-serif;
}

a { color: inherit; }

.mailing-list-page {
  display: grid;
  min-height: calc(100vh - 100px);
  padding: clamp(64px, 8vw, 112px) 24px;
  place-items: center;
}

.mailing-list-card {
  width: min(100%, 760px);
  padding: clamp(34px, 6vw, 64px);
  text-align: center;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(74, 85, 133, 0.13);
  border-radius: 34px;
  box-shadow: 0 24px 65px rgba(49, 55, 86, 0.12);
}

.mailing-list-eyebrow {
  margin: 0 0 12px;
  color: #4a5585;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.mailing-list-card h1 {
  max-width: 620px;
  margin: 0 auto;
  font-size: clamp(2.15rem, 5vw, 3.75rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.mailing-list-intro {
  max-width: 560px;
  margin: 22px auto 0;
  color: rgba(43, 43, 43, 0.68);
  font-size: clamp(1rem, 2vw, 1.18rem);
  line-height: 1.65;
}

.mailing-list-form {
  max-width: 560px;
  margin: 30px auto 0;
}

#mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
  max-width: none !important;
  background: rgba(74, 85, 133, 0.045) !important;
  border: 1px solid rgba(74, 85, 133, 0.1) !important;
  border-radius: 20px !important;
}

#mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody {
  padding: 26px !important;
}

#mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 {
  margin-bottom: 10px !important;
  color: #2b2b2b !important;
  font-family: Figtree, system-ui, sans-serif !important;
  font-size: 1.42rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

#mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p {
  display: none !important;
  color: rgba(43, 43, 43, 0.64) !important;
  font-family: Figtree, system-ui, sans-serif !important;
  font-size: 0.93rem !important;
  line-height: 1.55 !important;
}

#mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input.form-control {
  height: 48px !important;
  padding: 11px 14px !important;
  border: 1px solid rgba(74, 85, 133, 0.22) !important;
  border-radius: 11px !important;
  color: #2b2b2b !important;
  font-family: Figtree, system-ui, sans-serif !important;
  font-size: 0.95rem !important;
}

#mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary {
  min-height: 48px !important;
  background-color: #b03045 !important;
  border-radius: 999px !important;
  box-shadow: 0 9px 20px rgba(176, 48, 69, 0.18) !important;
  color: #fff !important;
  font-family: Figtree, system-ui, sans-serif !important;
  font-weight: 800 !important;
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

#mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary:hover {
  background-color: #98283b !important;
  box-shadow: 0 12px 24px rgba(176, 48, 69, 0.24) !important;
  transform: translateY(-1px);
}

.mailing-list-note {
  margin: 20px 0 0;
  color: rgba(43, 43, 43, 0.52);
  font-size: 0.78rem;
  line-height: 1.5;
}

.mailing-list-note a {
  color: #9b2d42;
  font-weight: 700;
}

@media (max-width: 790px) {
  .mailing-list-page {
    min-height: calc(100vh - 82px);
    padding: 44px 16px 64px;
  }

  .mailing-list-card {
    padding: 34px 20px;
    border-radius: 26px;
  }

  #mlb2-46234612.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody {
    padding: 24px 20px !important;
  }
}