.auth {
  max-width: 560px;
  margin: 1.25rem auto;
  background: #ffffff;
  border: 1px solid #d8e1ef;
  border-radius: 14px;
  padding: 1rem;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

html[data-theme="dark"] .auth {
  background: #101a2f;
  border-color: #2a3f66;
  box-shadow: 0 12px 28px rgba(1, 7, 18, 0.45);
}

html[data-theme="dark"] .auth h2,
html[data-theme="dark"] .auth label,
html[data-theme="dark"] .auth p,
html[data-theme="dark"] .auth a {
  color: #e6edf8;
}

html[data-theme="dark"] .auth small,
html[data-theme="dark"] .auth .field-help-text {
  color: #a8b6ca;
}

.auth h2 {
  margin-top: 0;
}

.auth form {
  border: none;
  padding: 0;
  margin: 0;
  background: transparent;
}

.auth button {
  margin-top: 0.35rem;
}

@media (max-width: 640px) {
  .auth {
    margin: 0.7rem auto;
    padding: 0.85rem;
  }
}