.ml-form--auth {
  max-width: 420px;
  margin: 64px auto;
  padding: 40px;
  background: var(--ml-color-surface-cream);
  border: 1px solid var(--ml-color-surface-line);
  border-radius: var(--ml-radius-lg);
  box-shadow: var(--ml-shadow-soft);
}

.ml-form--auth h1 {
  font-size: var(--ml-font-size-2xl);
  margin-bottom: 24px;
  text-align: center;
}

.ml-form--auth .ml-btn {
  width: 100%;
  margin-top: 8px;
}

.ml-alert {
  padding: 12px 16px;
  border-radius: var(--ml-radius-md);
  margin-bottom: 16px;
  font-size: var(--ml-font-size-sm);
}

.ml-alert--error {
  background: var(--ml-color-semantic-error-bg);
  color: var(--ml-color-semantic-error);
  border: 1px solid var(--ml-color-semantic-error);
}

.ml-alert--success {
  background: var(--ml-color-semantic-success-bg);
  color: var(--ml-color-semantic-success);
  border: 1px solid var(--ml-color-semantic-success);
}

.ml-form-row {
  display: flex;
  gap: var(--ml-space-4);
  flex-wrap: wrap;
}

.ml-form-row .ml-input-group {
  flex: 1;
  min-width: 160px;
}