/* Quote section visual separation */
.section-quote {
  background: #0d0d0d;
  padding: 3rem 1rem;
  border-top: 1px solid #00ff90;
  text-align: center !important; /* Force center for everything inside */
}

.section-quote h2 {
  text-align: center !important;
  color: #00ff90;
  margin: 0 0 1rem;
}

.section-quote p {
  text-align: center !important;
  max-width: 700px;
  margin: 0 auto 2rem;
  color: #ccc;
}

}
#ml-quote-form { max-width: 700px; margin: 0 auto; }

/* MailerLite form container */
.quote-form-container {
  max-width: 700px;
  margin: 0 auto;
}

/* Main form box */
.ml-form-embedContainer {
  background-color: #181818 !important;
  padding: 1.5rem;
  border-radius: 8px;
  color: #f1f1f1 !important;
}

/* Input & textarea styling */
.ml-form-embedContainer input,
.ml-form-embedContainer textarea {
  background-color: #222 !important;
  border: 1px solid #333 !important;
  color: #f1f1f1 !important;
  padding: 0.8rem;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 1rem;
}

/* Submit button */
.ml-form-embedContainer button {
  background-color: #00ff90 !important;
  color: #111 !important;
  border: none !important;
  padding: 0.8rem 1.2rem;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.ml-form-embedContainer button:hover {
  background-color: #00cc73 !important;
}
/* Nuclear centering fix for Quote heading + paragraph */
#quote {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

#quote h2,
#quote p {
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Base (thank-you page) */
.dark-body { background:#101010; color:#f1f1f1; margin:0; font-family: Arial, sans-serif; }

/* Thank-you layout */
.ty-wrap { min-height: calc(100vh - 200px); display:flex; align-items:center; justify-content:center; padding: 2rem 1rem; }
.ty-card { background:#0f0f0f; border:1px solid #00ff90; border-radius:12px; padding:2rem; max-width:700px; width:100%; text-align:center; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
.ty-check { margin-bottom: 1rem; }
.ty-card h1 { margin: 0 0 0.75rem; color:#00ff90; font-size:1.75rem; }
.ty-card p { margin: 0 auto 1.5rem; color:#ccc; max-width: 48ch; }

/* Buttons */
.ty-actions { display:flex; gap:0.75rem; justify-content:center; flex-wrap:wrap; }
.ty-btn { display:inline-block; padding:0.75rem 1.1rem; border-radius:8px; background:#00ff90; color:#111; text-decoration:none; font-weight:600; }
.ty-btn:hover { background:#00cc73; }
.ty-btn--outline { background:transparent; border:1px solid #00ff90; color:#00ff90; }
.ty-btn--outline:hover { background:#002b1e; }