/* ============================================================
   MailerLite embed styles — Violet Depth
   Trimmed to just what the email form uses.
   ============================================================ */

.ml-form-embedSubmitLoad {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.ml-form-embedSubmitLoad:after {
  content: " ";
  display: block;
  width: 11px;
  height: 11px;
  margin: 1px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-color: #1a1326 #1a1326 #1a1326 transparent;
  animation: ml-spin 1.2s linear infinite;
}
@keyframes ml-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Container */
#mlb2-41693624.ml-form-embedContainer {
  box-sizing: border-box;
  display: table;
  margin: 0 auto;
  position: static;
  width: 100% !important;
}
#mlb2-41693624.ml-form-embedContainer h4,
#mlb2-41693624.ml-form-embedContainer p,
#mlb2-41693624.ml-form-embedContainer span,
#mlb2-41693624.ml-form-embedContainer button {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Wrapper card */
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper {
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  display: inline-block !important;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
  max-width: 480px;
  width: 100%;
}

/* Alignment helpers */
#mlb2-41693624.ml-form-embedContainer .ml-form-align-center  { text-align: center; }
#mlb2-41693624.ml-form-embedContainer .ml-form-align-default {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

/* Body — no padding, let the site section handle spacing */
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
  padding: 0;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
  text-align: center;
  margin: 0 0 20px 0;
}

/* Success message */
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
  color: #ece8f4;
  font-family: "Outfit", system-ui, sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  margin: 0 0 10px 0;
  text-align: center;
  word-break: break-word;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
  color: #c0bacf;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  text-align: center;
}

/* Form element */
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
  margin: 0;
  width: 100%;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent {
  margin: 0 0 12px 0;
  width: 100%;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
  margin: 0;
  width: 100%;
}

/* Email input */
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  background-color: #14101e !important;
  color: #ece8f4 !important;
  border: 1px solid #2a2140 !important;
  border-radius: 100px !important;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 1rem !important;
  font-weight: 300;
  line-height: 1.5 !important;
  margin: 0;
  padding: 14px 22px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  transition: border-color 0.3s, box-shadow 0.3s;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:focus {
  outline: none;
  border-color: #c3b1e1 !important;
  box-shadow: 0 0 0 3px rgba(195, 177, 225, 0.12);
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #968caa; }
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder          { color: #968caa; }
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder       { color: #968caa; }
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder            { color: #968caa; }

/* Submit button */
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
  margin: 12px 0 0 0;
  float: left;
  width: 100%;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  background-color: #c3b1e1 !important;
  border: none !important;
  border-radius: 100px !important;
  box-shadow: none !important;
  color: #1a1326 !important;
  cursor: pointer;
  font-family: "Outfit", system-ui, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  height: auto;
  padding: 14px 30px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: background-color 0.35s, box-shadow 0.35s, transform 0.35s;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading {
  display: none;
}
#mlb2-41693624.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
  background-color: #ddccf5 !important;
  box-shadow: 0 0 32px rgba(195, 177, 225, 0.4) !important;
  transform: translateY(-2px);
}

/* Validation error */
.ml-error input { border-color: #ff6b6b !important; }

@media only screen and (max-width: 400px) {
  .ml-form-embedWrapper.embedDefault,
  .ml-form-embedWrapper.embedPopup { width: 100% !important; }
}