.elementor-3494 .elementor-element.elementor-element-63ca0394{--display:flex;}/* Start custom CSS *//* ============================================================
   MPM USER AUTH — LOGIN 
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700;800&display=swap');

/* ── FULL PAGE BACKGROUND ── */
html {
  background: linear-gradient(to bottom, #000000 0%, #172554 50%, #000000 100%) !important;
  min-height: 100% !important;
}

body,
body.page,
body.singular,
.site,
#page,
.site-content,
.site-inner,
.entry-content,
.wp-site-blocks,
main,
#main,
#content,
#primary,
article,
.hentry,
.type-page,
.entry,
.page-content,
.post-content,
.wp-block-post-content,
.content-area,
.site-main,
footer,
.site-footer {
  background: linear-gradient(to bottom, #000000 0%, #172554 50%, #000000 100%) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
}

/* ── OUTER WRAP: full page centering ── */
.mpmauth-wrap.mpmauth-login-wrap {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 48px 16px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* ── MAIN BOX: no bg, no border — title is outside card ── */
.mpmauth-login-wrap .mpmauth-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 448px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* ── TITLE: outside card, big bold white ── */
.mpmauth-login-wrap .mpmauth-title {
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.3px !important;
  width: 100% !important;
}

/* ── SUBTITLE: outside card, muted ── */
.mpmauth-login-wrap .mpmauth-subtitle {
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #a1a1aa !important;
  text-align: center !important;
  margin: 0 0 28px 0 !important;
  line-height: 1.5 !important;
  width: 100% !important;
}

/* ── FORM CARD: dark box — only fields inside ── */
.mpmauth-login-wrap .mpmauth-form {
  background: #18181b !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  box-shadow: none !important;
}

/* ── EACH FIELD ── */
.mpmauth-login-wrap .mpmauth-field {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 18px !important;
}

/* ── LABELS: text-white font-medium ── */
.mpmauth-login-wrap .mpmauth-field label {
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  margin-bottom: 8px !important;
  display: block !important;
  line-height: 1.4 !important;
}

/* Required star */
.mpmauth-login-wrap .mpmauth-field label .req {
  color: #f87171 !important;
  margin-left: 2px !important;
}

/* ── INPUTS: bg-zinc-800, border-zinc-700, green focus ── */
.mpmauth-login-wrap .mpmauth-field input[type="text"],
.mpmauth-login-wrap .mpmauth-field input[type="password"] {
  width: 100% !important;
  background: #27272a !important;
  border: 1px solid #3f3f46 !important;
  border-radius: 8px !important;
  width: 384px !important;
  max-width: 100% !important;
  height: 50px !important;
  padding: 0 16px !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  outline: none !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  box-shadow: none !important;
}

.mpmauth-login-wrap .mpmauth-field input::placeholder {
  color: #71717a !important;
}

/* focus: green ring like reference */
.mpmauth-login-wrap .mpmauth-field input:focus {
  border-color: #00cc5d !important;
  box-shadow: 0 0 0 2px rgba(0, 204, 93, 0.25) !important;
  outline: none !important;
  background: #27272a !important;
}

/* ── BUTTON WRAPPER ── */
.mpmauth-login-wrap #mpmauth-login-form > p {
  margin: 4px 0 0 !important;
  padding: 0 !important;
}

/* ── LOGIN BUTTON: full width green ── */
.mpmauth-login-wrap #mpmauth-login-btn,
.mpmauth-login-wrap .mpmauth-btn-full {
  width: 100% !important;
  padding: 13px 24px !important;
  background: #00cc5d !important;
  color: #ffffff !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: background 0.15s !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  min-height: 46px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  margin-top: 6px !important;
}

.mpmauth-login-wrap #mpmauth-login-btn br,
.mpmauth-login-wrap .mpmauth-btn br {
  display: none !important;
}

.mpmauth-login-wrap #mpmauth-login-btn:hover,
.mpmauth-login-wrap .mpmauth-btn-full:hover {
  background: #00b351 !important;
}

/* ── SWITCH LINK: Don't have an account? ── */
.mpmauth-login-wrap .mpmauth-switch {
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #a1a1aa !important;
  text-align: center !important;
  margin: 16px 0 0 !important;
  line-height: 1.6 !important;
}

.mpmauth-login-wrap .mpmauth-switch a {
  color: #00cc5d !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.mpmauth-login-wrap .mpmauth-switch a:hover {
  color: #00e668 !important;
}

/* ── ALERT ── */
.mpmauth-login-wrap .mpmauth-alert {
  background: rgba(239, 68, 68, 0.1) !important;
  border: 1px solid rgba(239, 68, 68, 0.2) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: #fca5a5 !important;
  font-size: 14px !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  margin-bottom: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── UNVERIFIED BOX ── */
.mpmauth-unverified-box {
  background: rgba(234, 179, 8, 0.1) !important;
  border: 1px solid rgba(234, 179, 8, 0.2) !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: #fde047 !important;
  font-size: 14px !important;
}

/* ── CLEAN PLUGIN EXTRA TAGS ── */
.mpmauth-login-wrap .mpmauth-field br { display: none !important; }
.mpmauth-login-wrap .mpmauth-form > p:empty,
.mpmauth-login-wrap .mpmauth-box > p:empty { display: none !important; }
.mpmauth-login-wrap .mpmauth-form > p { margin: 0 !important; padding: 0 !important; }

/* ── RESPONSIVE ── */
@media (max-width: 520px) {
  .mpmauth-login-wrap .mpmauth-title { font-size: 28px !important; }
  .mpmauth-login-wrap .mpmauth-form { padding: 20px 16px !important; }
  .mpmauth-login-wrap { padding: 32px 16px !important; }
}/* End custom CSS */