/* Progressive enhancements for login experience */
.login-card {
  border-top: 3px solid #f08a24;
  animation: login-card-enter .28s ease-out;
}

.login-branding-card {
  animation: login-brand-enter .35s ease-out;
}

.modal-overlay .modal-content {
  transform: translateY(8px) scale(0.98);
  opacity: 0;
  transition: transform .18s ease, opacity .18s ease;
}

.modal-overlay.is-open .modal-content {
  transform: translateY(0) scale(1);
  opacity: 1;
}

@keyframes login-card-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes login-brand-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}