.sign-in-methods { margin: 0 0 12px; color: #3e312d; }
.sign-in-methods h3 { margin: 0; font-size: .98rem; }
.sign-in-methods__session { display: grid; gap: 3px; padding: 14px 16px; margin: 16px 0 20px; border: 1px solid rgba(157, 28, 31, .14); border-left: 3px solid #a22228; border-radius: 12px; background: #f5e8df; }
.sign-in-methods__session > span { color: #80665b; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.sign-in-methods__session > strong { color: #791e22; font-size: 1rem; }
.sign-in-methods__email { color: #6f6059; font-size: .8rem; overflow-wrap: anywhere; }
.sign-in-methods__heading { margin: 0 0 8px; }
.sign-in-methods__heading p, .sign-in-methods form p { color: #6f6059; font-size: .8rem; line-height: 1.5; margin: 5px 0 0; }
.sign-in-methods__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-top: 1px solid rgba(125, 88, 70, .2); }
.sign-in-methods__row div { display: grid; gap: 4px; min-width: 0; }
.sign-in-methods__row span { color: #6f6059; font-size: .78rem; overflow-wrap: anywhere; }
.sign-in-methods button { border: 1px solid #9d1c1f; border-radius: 10px; padding: 9px 12px; background: transparent; color: #87191d; font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; }
.sign-in-methods button:disabled { opacity: .5; cursor: not-allowed; }
.sign-in-methods button[hidden], .sign-in-methods form[hidden] { display: none; }
.sign-in-methods form { display: grid; gap: 12px; margin-top: 6px; padding: 16px; border: 1px solid rgba(125, 88, 70, .15); border-radius: 12px; background: rgba(255,255,255,.65); }
.sign-in-methods form label { display: grid; gap: 5px; font-size: .82rem; }
.sign-in-methods input { width: 100%; min-width: 0; padding: 10px; border: 1px solid #bca69b; border-radius: 8px; background: #fff; color: #342a27; font: inherit; box-sizing: border-box; }
.sign-in-methods__buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.sign-in-methods [data-method-message]:not(:empty) {
  margin: 14px 0 0;
  padding: 13px 15px;
  border: 1px solid #bad4c0;
  border-left: 4px solid #397147;
  border-radius: 10px;
  background: #eaf5e9;
  color: #244e2e;
  font-size: .84rem;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.sign-in-methods [data-method-message][data-error="true"]:not(:empty) {
  border-color: #e1b6aa;
  border-left-color: #ae292d;
  background: #fae7df;
  color: #852024;
}
.sign-in-methods :focus-visible { outline: 3px solid #b97b47; outline-offset: 2px; }