/* Shared email feedback for the welcome, registration and social signup forms. */
.signup-email-feedback {
  display: flex;
  gap: 9px;
  margin: -3px 0 18px;
  color: #746783;
  font-size: 12px;
  line-height: 1.65;
  text-align: start;
}
.signup-email-feedback .auth-email-card__body { min-width: 0; }
.signup-email-feedback .auth-email-card__icon { flex-shrink: 0; }
.signup-email-feedback .auth-email-card__message { margin: 0; overflow-wrap: anywhere; }
.signup-email-feedback:not(.auth-email-card) .auth-email-card__eyebrow,
.signup-email-feedback:not(.auth-email-card) .auth-email-card__note { display: none; }
.signup-email-feedback.auth-email-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 19px 17px;
  margin: 0 0 19px;
  border: 1px solid #f0cbd7;
  border-inline-start: 4px solid #d54b73;
  border-radius: 17px;
  background: linear-gradient(125deg, #fff4f6, #fffaf7 70%, #fff);
  box-shadow: 0 8px 24px rgba(153, 53, 84, .07);
  color: #704550;
  animation: email-card-appear .28s ease-out;
}
.signup-email-feedback.auth-email-card .auth-email-card__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 48px;
  margin: 0;
  border: 1px solid #f3c4d2;
  border-radius: 14px;
  background: linear-gradient(145deg, #fff, #ffe5ed);
  box-shadow: 0 4px 12px #a63c5d10;
  color: #bd365f;
  font-size: 21px;
}
.signup-email-feedback.auth-email-card .auth-email-card__eyebrow {
  margin: 0 0 6px;
  color: #a33d5b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5;
  text-transform: uppercase;
}
.signup-email-feedback.auth-email-card .auth-email-card__title {
  margin: 0 0 7px;
  color: #842443;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.25px;
  line-height: 1.45;
}
.signup-email-feedback.auth-email-card .auth-email-card__message {
  margin: 0;
  color: #79535e;
  font-size: 12px;
  line-height: 1.8;
}
.signup-email-feedback.auth-email-card .auth-email-card__note {
  margin: 11px 0 0;
  padding-top: 10px;
  border-top: 1px solid #efd8df;
  color: #885766;
  font-size: 11px;
  line-height: 1.75;
}
.signup-email-feedback.auth-email-card .auth-email-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.signup-email-feedback.auth-email-card .auth-email-card__actions:empty { display: none; }
.signup-email-feedback.auth-email-card .auth-email-card__actions a,
.signup-email-feedback.auth-email-card .auth-email-card__actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 7px 12px;
  border: 1px solid #eabcc9;
  border-radius: 9px;
  background: #fff;
  color: #9b3152;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.signup-email-feedback.auth-email-card .auth-email-card__actions a:hover,
.signup-email-feedback.auth-email-card .auth-email-card__actions button:hover { background: #ffeaf0; }
.signup-email-feedback.auth-email-card[data-state="valid"] {
  border-color: #bddfce;
  border-inline-start-color: #269668;
  background: linear-gradient(125deg, #eefaF3, #f7fcf9 70%, #fff);
  box-shadow: 0 8px 24px #2468450b;
  color: #285e46;
}
.signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__icon {
  border-color: #bedfcd;
  background: linear-gradient(145deg, #fff, #daf3e5);
  color: #228659;
}
.signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__eyebrow { color: #347954; }
.signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__title { color: #205d40; }
.signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__message { color: #416b54; }
.signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__note { border-color: #cfe6d9; color: #426f55; }
body.night-mode .signup-email-feedback.auth-email-card { background: linear-gradient(125deg, #392330, #2c2330); border-color: #784456; border-inline-start-color: #ec8baa; }
body.night-mode .signup-email-feedback.auth-email-card .auth-email-card__icon { background: #4c2c3c; border-color: #875066; color: #ffb7ce; }
body.night-mode .signup-email-feedback.auth-email-card .auth-email-card__eyebrow,
body.night-mode .signup-email-feedback.auth-email-card .auth-email-card__title { color: #ffd1de; }
body.night-mode .signup-email-feedback.auth-email-card .auth-email-card__message,
body.night-mode .signup-email-feedback.auth-email-card .auth-email-card__note { color: #e8bccd; border-color: #684152; }
body.night-mode .signup-email-feedback.auth-email-card[data-state="valid"] { background: linear-gradient(125deg, #1b3b2c, #202e29); border-color: #40745a; border-inline-start-color: #72ce9e; }
body.night-mode .signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__icon { color: #a1efc4; background: #28533e; border-color: #488163; }
body.night-mode .signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__eyebrow,
body.night-mode .signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__title { color: #bcf1d3; }
body.night-mode .signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__message,
body.night-mode .signup-email-feedback.auth-email-card[data-state="valid"] .auth-email-card__note { color: #add5be; border-color: #42674f; }
body.night-mode .signup-email-feedback.auth-email-card .auth-email-card__actions a,
body.night-mode .signup-email-feedback.auth-email-card .auth-email-card__actions button { color: #ffd1de; background: #4c2c3c; border-color: #875066; }
@keyframes email-card-appear { from { opacity: .2; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 380px) {
  .signup-email-feedback.auth-email-card { padding: 15px 12px; gap: 10px; }
  .signup-email-feedback.auth-email-card .auth-email-card__icon { width: 34px; height: 40px; border-radius: 11px; font-size: 18px; }
  .signup-email-feedback.auth-email-card .auth-email-card__title { font-size: 14px; }
}
@media (pointer: coarse) {
  .signup-email-feedback.auth-email-card .auth-email-card__actions a,
  .signup-email-feedback.auth-email-card .auth-email-card__actions button { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .signup-email-feedback.auth-email-card { animation: none; } }