.auth-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.forgot-password {
  appearance: none;
  border: 0;
  background: none;
  color: #7bdcff;
  cursor: pointer;
  font: 800 11px/1 system-ui, sans-serif;
  letter-spacing: .13em;
  padding: 8px 0;
}

.forgot-password:hover { color: #fff; }
.forgot-password:disabled { cursor: wait; opacity: .6; }
.form-error.success { color: #65e6b4; }
[hidden] { display: none !important; }

@media (max-width: 520px) {
  .auth-options {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}