/* Mapa do Poder VSL1-1 — stylesheet extracted verbatim from the source page.
   Source: https://guiasaudeleve.online/mapa-do-poder-vsl1-1/
   Only change: Google Fonts @import moved to <link> in index.html, and the
   arrow-down background image repointed to the local copy. */
#mdp-quiz {
  --gold: #D4AF37 !important;
  --gold-dark: #C19B2E !important;
  --light: #F2D479 !important;
  --bg: #0B0E17 !important;
  --deep: #070912 !important;
  --surface: #161B2E !important;
  --border: #2A3350 !important;
  --text: #FFFFFF !important;
  --muted: #9A93A8 !important;
  position: relative !important;
  isolation: isolate !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  background: #070912 !important;
  color: #FFFFFF !important;
  font-family: Poppins, sans-serif !important;
}
#mdp-quiz, #mdp-quiz * { box-sizing: border-box !important; }
#mdp-quiz::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  opacity: .5 !important;
  pointer-events: none !important;
  background-image: radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(212,175,55,.5) 0 1px,transparent 1.5px) !important;
  background-size: 97px 103px,149px 137px !important;
  background-position: 12px 18px,61px 43px !important;
}
.mdp-shell {
  width: 100% !important;
  max-width: 512px !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  flex-direction: column !important;
}
.mdp-logo {
  display: none !important;
  width: 80px !important;
  height: 80px !important;
  object-fit: contain !important;
  margin: 0 auto 12px !important;
}
.mdp-header { padding-top: 28px !important; text-align: center !important; }
#mdp-quiz.mdp-media-mode .mdp-header, #mdp-quiz.mdp-media-mode .mdp-progress-steps { display: none !important; }
#mdp-quiz.mdp-media-mode { background: #070912 !important; }
#mdp-quiz.mdp-media-mode::before { display: none !important; }
#mdp-quiz.mdp-media-mode .mdp-shell { max-width: 400px !important; padding: 0 !important; }
.mdp-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  padding: 0 20px !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #D4AF37 !important;
  font: 700 12px/1 Poppins,sans-serif !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
.mdp-header h1 {
  width: 100% !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  color: #FFFFFF !important;
  font: 800 30px/37.5px Poppins,sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}
.mdp-header h1 em { color: #F2D479 !important; font-style: normal !important; font-weight: 800 !important; }
.mdp-header p {
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  color: #9A93A8 !important;
  font: 400 16px/24px Poppins,sans-serif !important;
  text-align: center !important;
}
.mdp-header strong { color: #F2D479 !important; font-weight: 700 !important; }
.mdp-progress-steps {
  display: none !important;
  grid-template-columns: repeat(8,52px) !important;
  gap: 8px !important;
  width: 472px !important;
  margin: 24px 0 0 !important;
}
.mdp-progress-steps.is-visible { display: grid !important; }
.mdp-progress-steps span { display: block !important; width: 52px !important; height: 14px !important; border-radius: 999px !important; background: #161B2E !important; }
.mdp-progress-steps span.is-filled { background: #D4AF37 !important; }
.mdp-stage {
  display: none !important;
  flex: 1 !important;
  padding-top: 26px !important;
  text-align: center !important;
  animation: mdpIn .35s ease !important;
}
.mdp-stage.is-active { display: block !important; }
.mdp-stage h2 {
  width: 100% !important;
  margin: 0 0 24px !important;
  padding: 0 8px !important;
  color: #FFFFFF !important;
  font: 800 30px/37.5px Poppins,sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  display: grid !important;
  grid-template-columns: 29px minmax(0,1fr) 29px !important;
  align-items: center !important;
  column-gap: 28px !important;
}
.mdp-stage h2 i,
.mdp-stage[data-step="name"] h2::before,
.mdp-stage[data-step="name"] h2::after {
  display: inline-grid !important;
  place-items: center !important;
  width: 29px !important;
  height: 29px !important;
  margin: 0 8px !important;
  border-radius: 50% !important;
  background: #D4AF37 url('../images/arrow-down-svgrepo-com.png') center/15px 15px no-repeat !important;
  color: #070912 !important;
  font: 0/0 Poppins,sans-serif !important;
  font-style: normal !important;
  vertical-align: 3px !important;
}
.mdp-stage[data-step="name"] h2::before,
.mdp-stage[data-step="name"] h2::after { content: "" !important; margin: 0 !important; }
.mdp-grid, .mdp-year-group { display: grid !important; gap: 8px !important; }
.mdp-letters, .mdp-days { grid-template-columns: repeat(6,72px) !important; }
.mdp-three, .mdp-year-group { grid-template-columns: repeat(3,1fr) !important; }
.mdp-two { grid-template-columns: repeat(2,1fr) !important; }
.mdp-grid button, .mdp-year-group button {
  width: auto !important;
  height: 72px !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.95) !important;
  color: #0B0E17 !important;
  font: 700 18px/28px Poppins,sans-serif !important;
  cursor: pointer !important;
  transition: transform .18s ease,background .18s ease !important;
}
.mdp-grid button:hover, .mdp-year-group button:hover { transform: scale(1.04) !important; background: #FFFFFF !important; }
.mdp-grid button.is-selected, .mdp-year-group button.is-selected { background: #D4AF37 !important; color: #070912 !important; }
.mdp-two button, .mdp-three button, .mdp-year-group button {
  height: 64px !important;
  min-height: 64px !important;
  padding: 12px 16px !important;
  border: 1px solid #2A3350 !important;
  border-radius: 12px !important;
  background: #161B2E !important;
  color: #FFFFFF !important;
}
.mdp-year-group { display: none !important; }
.mdp-year-group.is-visible { display: grid !important; }
.mdp-back {
  display: block !important;
  min-width: 131px !important;
  height: 52px !important;
  margin: 32px auto 0 !important;
  padding: 12px 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(193,155,46,.7) !important;
  color: #FFFFFF !important;
  font: 700 18px/28px Poppins,sans-serif !important;
  cursor: pointer !important;
}
.mdp-back:hover { background: #C19B2E !important; }
#mdp-name {
  display: block !important;
  width: 472px !important;
  height: 64px !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  border: 2px solid #D4AF37 !important;
  border-radius: 12px !important;
  outline: 0 !important;
  background: #FFFFFF !important;
  color: #0B0E17 !important;
  font: 500 18px/28px Poppins,sans-serif !important;
}
#mdp-name:focus { box-shadow: 0 0 0 3px rgba(212,175,55,.18) !important; }
.mdp-primary, .mdp-pitch a {
  display: block !important;
  width: calc(100% + 14px) !important;
  height: 70px !important;
  margin: 27px -7px 0 !important;
  padding: 20px 24px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #C19B2E !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  font: 800 20px/28px Poppins,sans-serif !important;
  cursor: pointer !important;
  box-shadow: 0 0 36px rgba(201,70,216,.6) !important;
}
.mdp-primary:disabled { opacity: .58 !important; color: #C2C2C2 !important; cursor: not-allowed !important; }
.mdp-identification { padding-top: 190px !important; }
.mdp-identification-symbol { margin: 0 auto 25px !important; color: #F2D479 !important; font-size: 38px !important; animation: mdpPulseSymbol 1.2s ease-in-out infinite !important; }
.mdp-identification p { margin: 8px 0 !important; color: #FFFFFF !important; font: 800 30px/38px Poppins,sans-serif !important; }
.mdp-identification strong { color: #F2D479 !important; font-weight: 800 !important; }
.mdp-video-stage { padding-top: 0 !important; }
.mdp-player-wrap { position: relative !important; width: 100% !important; max-width: 400px !important; margin: 0 auto !important; overflow: hidden !important; background: #000000 !important; }
.mdp-vsl {
  width: 100% !important;
  max-width: 400px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000000 !important;
  color: #F2D479 !important;
  font: 700 16px/24px Poppins,sans-serif !important;
}
.mdp-video-overlay { display: none !important; position: absolute !important; inset: 0 !important; z-index: 999999 !important; align-items: center !important; justify-content: center !important; pointer-events: none !important; background: rgba(0,0,0,.08) !important; animation: mdpOverlayIn .35s ease !important; }
.mdp-video-overlay.is-visible { display: flex !important; }
.mdp-person-overlay { flex-direction: column !important; gap: 22px !important; padding: 20px !important; transform: translateY(80px) !important; }
.mdp-person-overlay p { margin: 0 !important; color: #FFFFFF !important; font: 800 30px/1.25 Poppins,sans-serif !important; text-align: center !important; text-shadow: 0 2px 8px rgba(0,0,0,.8) !important; }
.mdp-person-overlay p span { color: #FFFFFF !important; }
.mdp-person-overlay p strong { color: #D4AF37 !important; font-weight: 800 !important; }
.mdp-letters-overlay { inset: auto 0 !important; top: 50% !important; width: 100% !important; min-height: 145px !important; transform: translateY(-50%) !important; gap: 7px !important; padding: 22px 10px !important; background: rgba(0,0,0,.92) !important; }
.mdp-letter-item { display: flex !important; flex: 1 1 0 !important; max-width: 48px !important; min-width: 0 !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; }
.mdp-letter-box { display: grid !important; place-items: center !important; width: 100% !important; aspect-ratio: 1/1.08 !important; border-radius: 8px !important; background: linear-gradient(145deg,#F2D479,#D4AF37) !important; color: #070912 !important; font: 800 20px/1 Poppins,sans-serif !important; box-shadow: 0 4px 0 #B88D18 !important; text-transform: uppercase !important; }
.mdp-letter-number { color: #F2D479 !important; font: 800 17px/1 Poppins,sans-serif !important; text-shadow: 0 2px 8px #000 !important; }
.mdp-vsl small { display: block !important; margin-top: 8px !important; color: #9A93A8 !important; font: 400 14px/21px Poppins,sans-serif !important; }
.mdp-vsl-future { margin-top: 0 !important; }
.mdp-pitch { display: none; width: 100% !important; max-width: 430px !important; margin: 20px auto !important; }
.mdp-pitch.is-visible { display: block !important; animation: mdpIn .4s ease !important; }
.mdp-pitch a { animation: mdpPulse 1.7s ease-in-out infinite !important; }
#mdp-pitch-1 { display: none !important; }
#mdp-pitch-1.is-visible { display: block !important; }
#mdp-bottom-cta { display: none; }
#mdp-bottom-cta { position: relative !important; left: 50% !important; width: min(520px,calc(100vw - 24px)) !important; max-width: none !important; margin: 24px 0 !important; transform: translateX(-50%) !important; }
#mdp-bottom-cta a { display: flex !important; width: 100% !important; min-height: 76px !important; height: auto !important; margin: 0 !important; padding: 18px 20px !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; background: #22C55E !important; color: #FFFFFF !important; font-size: clamp(13px,4vw,20px) !important; line-height: 1.15 !important; white-space: nowrap !important; box-shadow: 0 0 20px rgba(34,197,94,.75),0 10px 32px rgba(34,197,94,.45) !important; animation: mdpGreenPulse 1.45s ease-in-out infinite !important; }
#mdp-bottom-cta a:hover { background: #16A34A !important; box-shadow: 0 0 28px rgba(34,197,94,.9),0 12px 38px rgba(34,197,94,.55) !important; }
@keyframes mdpGreenPulse { 0%,100% { transform: scale(1); box-shadow: 0 0 18px rgba(34,197,94,.6),0 8px 26px rgba(34,197,94,.35); } 50% { transform: scale(1.035); box-shadow: 0 0 34px rgba(34,197,94,.95),0 12px 42px rgba(34,197,94,.6); } }
.mdp-divider { display: flex !important; align-items: center !important; gap: 12px !important; margin: 42px 0 25px !important; color: #D4AF37 !important; }
.mdp-divider::before, .mdp-divider::after { content: "" !important; height: 1px !important; flex: 1 !important; background: rgba(212,175,55,.5) !important; }
.mdp-footer { margin-top: auto !important; padding: 34px 0 16px !important; color: #686575 !important; font: 400 12px/16px Poppins,sans-serif !important; text-align: center !important; }
.mdp-footer a { margin: 0 8px !important; color: #9A93A8 !important; text-decoration: none !important; }
.mdp-footer p { margin: 16px 0 0 !important; }
.mdp-video-stage.is-active ~ .mdp-footer, .mdp-identification.is-active ~ .mdp-footer { display: none !important; }
/* AJUSTES FINAIS — TODAS AS DECLARAÇÕES COM !IMPORTANT */
#mdp-quiz { background: #0B0E17 !important; }
.mdp-stage h2 i { color: #FFFFFF !important; }
.mdp-stage:not([data-step="letter"]):not([data-step="identification"]):not([data-step="video"]) h2::before,
.mdp-stage:not([data-step="letter"]):not([data-step="identification"]):not([data-step="video"]) h2::after { content:"" !important; display:inline-grid !important; place-items:center !important; width:29px !important; height:29px !important; margin:0 !important; border-radius:50% !important; background:#D4AF37 url('../images/arrow-down-svgrepo-com.png') center/15px 15px no-repeat !important; color:#FFFFFF !important; font:0/0 Poppins,sans-serif !important; vertical-align:3px !important; }
.mdp-gender-grid { display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:14px !important; }
.mdp-gender-card { width:100% !important; height:280px !important; min-height:220px !important; padding:24px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:18px !important; border:2px solid rgba(212,175,55,.55) !important; border-radius:14px !important; background:rgba(22,27,46,.65) !important; color:#FFFFFF !important; font:700 18px/28px Poppins,sans-serif !important; }
.mdp-gender-card img { width:82px !important; height:82px !important; object-fit:contain !important; }
.mdp-gender-card:hover,.mdp-gender-card.is-selected { border-color:#D4AF37 !important; background:#29261C !important; color:#FFFFFF !important; }
  .mdp-grid .mdp-gender-card {
    width: 100% !important;
    height: 152px !important;
    min-height: 280px !important;
    padding: 30px !important;
}
  .mdp-grid .mdp-gender-card:hover,
.mdp-grid .mdp-gender-card.is-selected {
    background: #29261C !important;
    border: 2px solid #D4AF37 !important;
    color: #FFFFFF !important;
}
  .mdp-grid .mdp-gender-card {
    border: 2px solid transparent !important;
}
.mdp-grid .mdp-gender-card:hover,
.mdp-grid .mdp-gender-card.is-selected {
    background: #29261C !important;
    border-color: #D4AF37 !important;
    color: #FFFFFF !important;
}
  
.mdp-stage[data-step="month"] .mdp-grid button,.mdp-stage[data-step="day"] .mdp-grid button,.mdp-stage[data-step="decade"] .mdp-grid button,.mdp-stage[data-step="year"] .mdp-year-group button { border:0 !important; background:rgba(255,255,255,.95) !important; color:#0B0E17 !important; }
.mdp-stage[data-step="month"] .mdp-grid button:hover,.mdp-stage[data-step="month"] .mdp-grid button.is-selected,.mdp-stage[data-step="day"] .mdp-grid button:hover,.mdp-stage[data-step="day"] .mdp-grid button.is-selected,.mdp-stage[data-step="decade"] .mdp-grid button:hover,.mdp-stage[data-step="decade"] .mdp-grid button.is-selected,.mdp-stage[data-step="year"] .mdp-year-group button:hover,.mdp-stage[data-step="year"] .mdp-year-group button.is-selected { background:#D4AF37 !important; color:#FFFFFF !important; }
.mdp-status-list { display:grid !important; grid-template-columns:1fr !important; gap:12px !important; }
.mdp-status-list button { width:100% !important; height:64px !important; min-height:64px !important; padding:0 20px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:16px !important; border:2px solid transparent !important; border-radius:12px !important; background:rgba(255,255,255,.95) !important; color:#0B0E17 !important; font:700 18px/28px Poppins,sans-serif !important; }
.mdp-check { width:24px !important; height:24px !important; display:inline-grid !important; place-items:center !important; flex:0 0 24px !important; border:2px solid #9DA3AA !important; border-radius:6px !important; background:transparent !important; color:transparent !important; font:700 15px/1 Poppins,sans-serif !important; }
.mdp-status-list button:hover,.mdp-status-list button.is-selected { border-color:#D4AF37 !important; background:#D4AF37 !important; color:#FFFFFF !important; }
.mdp-status-list button:hover .mdp-check,.mdp-status-list button.is-selected .mdp-check { border-color:#FFFFFF !important; color:#FFFFFF !important; }
.mdp-challenge-grid { display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
.mdp-challenge-grid button { width:100% !important; height:230px !important; min-height:230px !important; padding:24px 14px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:20px !important; border:2px solid rgba(212,175,55,.55) !important; border-radius:12px !important; background:rgba(22,27,46,.55) !important; color:#FFFFFF !important; font:700 18px/28px Poppins,sans-serif !important; }
.mdp-challenge-grid button svg { width:52px !important; height:52px !important; fill:none !important; stroke:#FFFFFF !important; stroke-width:4 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
.mdp-challenge-grid button span { display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; color:#FFFFFF !important; }
.mdp-challenge-grid button span i { display:block !important; width:16px !important; height:16px !important; border:2px solid #9DA3AA !important; border-radius:50% !important; background:transparent !important; }
.mdp-challenge-grid button:hover,.mdp-challenge-grid button.is-selected { border-color:#D4AF37 !important; background:rgba(212,175,55,.22) !important; box-shadow:inset 0 0 0 1px #D4AF37 !important; }
.mdp-challenge-grid button:hover span i,.mdp-challenge-grid button.is-selected span i { border-color:#D4AF37 !important; background:#D4AF37 !important; }
.mdp-lead-mode { position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; width: 100% !important; height: 100vh !important; overflow-y: auto !important; background: #3A215F !important; }
.mdp-lead-mode::before,.mdp-lead-mode .mdp-header,.mdp-lead-mode .mdp-progress-steps { display: none !important; }
.mdp-lead-mode .mdp-shell { max-width: 410px !important; min-height: 100vh !important; padding: 12vh 16px 40px !important; }
.mdp-lead-mode .mdp-stage.is-active { display: flex !important; width: 100% !important; min-height: 70vh !important; flex-direction: column !important; justify-content: flex-start !important; }
.mdp-email-stage { padding: 44px 12px 40px !important; }
.mdp-email-countdown { margin: 0 0 18px !important; padding: 20px !important; border-radius: 12px !important; background: #F0AD32 !important; color: #FFFFFF !important; font: 800 22px/1 Poppins,sans-serif !important; text-align: center !important; box-shadow: 0 0 22px rgba(240,173,50,.28) !important; }
.mdp-email-lead,.mdp-email-copy { margin: 0 0 24px !important; color: #FFFFFF !important; font: 500 18px/1.55 Poppins,sans-serif !important; text-align: left !important; }
.mdp-email-lead strong,.mdp-email-copy strong { color: #F2D479 !important; }
.mdp-email-stage h2 { margin-top: 32px !important; }
#mdp-email,#mdp-full-name-input { display: block !important; width: 100% !important; height: 64px !important; margin: 0 !important; padding: 16px 20px !important; border: 2px solid #D4AF37 !important; border-radius: 12px !important; outline: 0 !important; background: #FFFFFF !important; color: #0B0E17 !important; font: 500 18px/28px Poppins,sans-serif !important; }
#mdp-email:focus,#mdp-full-name-input:focus { box-shadow: 0 0 0 3px rgba(212,175,55,.18) !important; }
.mdp-full-name-overlay { flex-direction: column !important; gap: 24px !important; padding: 24px 15px !important; background: rgba(0,0,0,.94) !important; }
.mdp-full-name-overlay > strong { color: #FFFFFF !important; font: 800 25px/1.3 Poppins,sans-serif !important; text-align: center !important; text-transform: uppercase !important; }
#mdp-full-name-numbers { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 7px !important; }
.mdp-full-name-number { display: grid !important; place-items: center !important; width: 38px !important; height: 44px !important; border-radius: 7px !important; background: linear-gradient(145deg,#F2D479,#D4AF37) !important; color: #070912 !important; font: 800 19px/1 Poppins,sans-serif !important; box-shadow: 0 4px 0 #B88D18 !important; }
.mdp-middle-cta { display: none !important; position: absolute !important; z-index: 1000000 !important; left: 18px !important; right: 18px !important; top: 50% !important; transform: translateY(-50%) !important; padding: 20px 14px !important; border-radius: 12px !important; background: #C19B2E !important; color: #FFFFFF !important; text-decoration: none !important; font: 800 19px/1.35 Poppins,sans-serif !important; box-shadow: 0 0 36px rgba(212,175,55,.55) !important; animation: mdpPulse 1.7s ease-in-out infinite !important; }
.mdp-middle-cta.is-visible { display: block !important; }
/* CORREÇÃO ISOLADA DA TELA DE NOME COMPLETO/EMAIL */
#mdp-quiz.mdp-lead-mode { position: fixed !important; inset: 0 !important; z-index: 2147483647 !important; display: block !important; width: 100% !important; max-width: none !important; height: 100vh !important; min-height: 100vh !important; overflow-x: hidden !important; overflow-y: auto !important; background: #3A215F !important; color: #FFFFFF !important; }
#mdp-quiz.mdp-lead-mode::before,#mdp-quiz.mdp-lead-mode .mdp-header,#mdp-quiz.mdp-lead-mode .mdp-progress-steps,#mdp-quiz.mdp-lead-mode .mdp-footer { display: none !important; }
#mdp-quiz.mdp-lead-mode .mdp-shell { display: block !important; width: 100% !important; max-width: 420px !important; min-height: 100vh !important; margin: 0 auto !important; padding: clamp(55px,12vh,115px) 20px 50px !important; }
#mdp-quiz.mdp-lead-mode .mdp-stage { display: none !important; }
#mdp-quiz.mdp-lead-mode .mdp-stage.is-active { display: flex !important; width: 100% !important; min-height: 0 !important; padding: 0 !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; text-align: center !important; }
#mdp-quiz.mdp-lead-mode .mdp-email-countdown { display: block !important; width: 100% !important; margin: 0 0 18px !important; padding: 20px 12px !important; border-radius: 12px !important; background: #F0AD32 !important; color: #FFFFFF !important; font: 800 25px/1 Poppins,sans-serif !important; text-align: center !important; }
#mdp-quiz.mdp-lead-mode .mdp-email-countdown span { margin-right: 7px !important; font-size: 22px !important; }
#mdp-quiz.mdp-lead-mode .mdp-email-lead,#mdp-quiz.mdp-lead-mode .mdp-email-copy { width: 100% !important; margin: 0 0 20px !important; color: #FFFFFF !important; font: 500 16px/1.45 Poppins,sans-serif !important; text-align: center !important; }
#mdp-quiz.mdp-lead-mode .mdp-email-lead strong,#mdp-quiz.mdp-lead-mode .mdp-email-copy strong { color: #FFFFFF !important; font-weight: 800 !important; }
#mdp-quiz.mdp-lead-mode .mdp-stage h2 { display: block !important; width: 100% !important; max-width: none !important; margin: 0 0 16px !important; padding: 0 !important; color: #FFFFFF !important; font: 800 38px/1.12 Poppins,sans-serif !important; letter-spacing: 0 !important; text-align: center !important; }
#mdp-quiz.mdp-lead-mode .mdp-stage h2::before,#mdp-quiz.mdp-lead-mode .mdp-stage h2::after { display: none !important; content: none !important; }
#mdp-quiz.mdp-lead-mode .mdp-lead-arrow { display: grid !important; place-items: center !important; width: 36px !important; height: 36px !important; margin: 0 auto 14px !important; border-radius: 50% !important; background: #CE42D9 !important; color: #FFFFFF !important; font: 700 22px/1 Poppins,sans-serif !important; }
#mdp-quiz.mdp-lead-mode #mdp-full-name-input,#mdp-quiz.mdp-lead-mode #mdp-email { display: block !important; width: 100% !important; min-width: 0 !important; height: 66px !important; margin: 0 !important; padding: 16px !important; border: 4px solid #74439A !important; border-radius: 13px !important; background: #FFFFFF !important; color: #18181F !important; font: 500 16px/1.3 Poppins,sans-serif !important; }
#mdp-quiz.mdp-lead-mode .mdp-primary { display: block !important; width: 100% !important; height: 66px !important; margin: 12px 0 0 !important; padding: 16px !important; border-radius: 10px !important; background: #B46AD8 !important; color: #FFFFFF !important; font: 800 20px/1 Poppins,sans-serif !important; box-shadow: 0 0 26px rgba(180,106,216,.35) !important; }
#mdp-quiz.mdp-lead-mode .mdp-primary:disabled { opacity: .7 !important; color: #FFFFFF !important; }
@media (max-width:560px) {
  #mdp-quiz.mdp-lead-mode .mdp-shell { padding: 55px 18px 35px !important; }
  #mdp-quiz.mdp-lead-mode .mdp-stage h2 { font-size: 31px !important; }
}
@keyframes mdpIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes mdpPulse { 50% { transform: scale(1.025); box-shadow: 0 10px 35px rgba(212,175,55,.38); } }
@keyframes mdpPulseSymbol { 50% { transform: scale(1.16); opacity: .65; } }
@keyframes mdpOverlayIn { from { opacity: 0; } to { opacity: 1; } }
@media (max-width:560px) {
  .mdp-shell { max-width: 100% !important; padding: 20px 16px !important; }
  .mdp-logo { width: 64px !important; height: 64px !important; }
  .mdp-header h1 { font-size: 26px !important; line-height: 32.5px !important; }
  .mdp-header p { font-size: 15px !important; line-height: 22px !important; }
  .mdp-stage h2 { font-size: 26px !important; line-height: 32.5px !important; column-gap: 8px !important; }
  .mdp-stage[data-step="name"] h2::before, .mdp-stage[data-step="name"] h2::after { margin: 0 8px !important; }
  .mdp-progress-steps { width: 100% !important; grid-template-columns: repeat(8,1fr) !important; gap: 6px !important; }
  .mdp-progress-steps span { width: 100% !important; height: 10px !important; }
  .mdp-letters, .mdp-days { grid-template-columns: repeat(5,1fr) !important; }
  .mdp-three, .mdp-year-group { grid-template-columns: repeat(2,1fr) !important; }
  .mdp-grid button, .mdp-year-group button { width: 100% !important; height: 58px !important; min-height: 58px !important; font-size: 16px !important; }
  #mdp-name { width: 100% !important; height: 64px !important; }
  .mdp-primary { width: 100% !important; margin: 24px 0 0 !important; }
  .mdp-identification { padding-top: 120px !important; }
  .mdp-identification p { font-size: 25px !important; line-height: 34px !important; }
  .mdp-stage:not([data-step="letter"]):not([data-step="identification"]):not([data-step="video"]) h2::before,
  .mdp-stage:not([data-step="letter"]):not([data-step="identification"]):not([data-step="video"]) h2::after { margin: 0 8px !important; }
  .mdp-gender-card { height: 190px !important; min-height: 190px !important; padding: 18px 10px !important; }
  .mdp-gender-card img { width: 68px !important; height: 68px !important; }
  .mdp-person-overlay p { font-size: 25px !important; }
  .mdp-person-overlay { transform: translateY(55px) !important; }
  .mdp-letters-overlay { gap: 5px !important; padding: 16px 7px !important; }
  .mdp-letter-box { font-size: 18px !important; border-radius: 7px !important; }
  .mdp-letter-number { font-size: 15px !important; }
  .mdp-status-list button { height: 64px !important; min-height: 64px !important; font-size: 17px !important; }
  .mdp-challenge-grid button { height: 205px !important; min-height: 205px !important; padding: 18px 8px !important; font-size: 16px !important; }
  .mdp-challenge-grid button svg { width: 46px !important; height: 46px !important; }
}

/* ============================================================================
   PAGE-BUILDER INHERITED STYLES

   On the live page #mdp-quiz sits inside the builder's ".ql-editor" container,
   and that framework stylesheet is linked AFTER the section's own <style>
   block. A handful of its declarations therefore win the cascade and change
   what the source page actually renders, so they are reproduced here to keep
   this clone pixel-identical:

     .ql-editor h1 { font-size: 2.5em !important }   ->  h1 renders at 40px
     .ql-editor h2 { font-size: 2em   !important }   ->  h2 renders at 32px
     img { max-width: 100% }                             framework reset
     text-align: left                                    framework default
     html { -webkit-font-smoothing / text-rendering }    glyph rasterisation

   The heading sizes are em-based, so they stay 40px / 32px at every width,
   overriding both the base rules (30px) and the <=560px rules (26px). The
   selectors below match the originals' specificity (0,1,1) and load last, so
   the cascade resolves exactly as it does on the source page.

   The font-smoothing and text-rendering values are not cosmetic here: without
   them glyph edges rasterise differently and the pixel diff against the source
   goes from 0 to ~3% of the viewport.

   To use the section's own intended heading sizes (30px / 26px) instead,
   delete the two font-size rules at the bottom of this block.
   ========================================================================= */

html {
  font-size: 16px;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.mdp-builder-context { text-align: left; }
.mdp-builder-context img { max-width: 100%; }
.mdp-builder-context h1 { font-size: 2.5em !important; }
.mdp-builder-context h2 { font-size: 2em !important; }