.auth-provider-section {
  margin:24px 0 0
}
.auth-provider-button {
  display:flex;
  width:100%;
  min-height:50px;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #cfd7d1;
  background:#fff;
  color:#18342b;
  box-shadow:0 2px 8px rgba(18,45,36,.08)
}
.auth-provider-button:hover {
  border-color:#9eaaa4;
  background:#f8faf8
}
.auth-provider-button:focus-visible {
  outline:3px solid var(--lime);
  outline-offset:3px
}
.google-provider-mark {
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:1px solid #d9dfdc;
  border-radius:50%;
  color:#4285f4;
  font-weight:900;
  line-height:1
}
.auth-divider {
  display:flex;
  align-items:center;
  gap:12px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:.78rem;
  font-weight:700
}
.auth-divider::before,
.auth-divider::after {
  height:1px;
  flex:1;
  background:var(--line);
  content:""
}
.auth-divider span {
  white-space:nowrap
}
.auth-provider-section:not([hidden]) + .auth-mode-switch {
  margin-top:14px
}
.auth-mode-switch {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin:24px 0 18px;
  padding:5px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f2f5ef
}
.auth-mode-button {
  min-height:44px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-weight:800;
  cursor:pointer
}
.auth-mode-button[aria-pressed="true"] {
  background:#fff;
  color:var(--green);
  box-shadow:0 2px 8px rgba(18,45,36,.1)
}
.auth-mode-button:focus-visible {
  outline:3px solid var(--lime);
  outline-offset:2px
}
.auth-password-help {
  margin:-4px 0 0;
  color:var(--muted);
  font-size:.84rem
}
.auth-field-action {
  margin:-4px 0 0;
  text-align:right;
  font-size:.88rem
}
.auth-field-action a {
  color:var(--green);
  font-weight:800
}
.auth-field-action a:focus-visible {
  outline:3px solid var(--lime);
  outline-offset:3px
}
.auth-card [hidden] {
  display:none!important
}
@media(max-width:520px) {
  .auth-divider span {
    white-space:normal
  }
  .auth-mode-switch {
    margin-top:20px
  }
}