/* public/assets/css/login.css */

/* Subtle card fade-in */
.fade-in {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 600ms ease, transform 600ms ease;
}

.fade-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Optional: reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .fade-in {
    transition: none;
    transform: none;
  }
}

#loginCard {
  box-shadow:
    0 25px 60px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(14,42,58,.12);
}