/**
 * Login Page Styles
 */

/* Smooth transitions */
* {
  transition: all 0.2s ease;
}

/* Input focus states */
input:focus {
  outline: none;
}

/* Loading spinner animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

/* Error message animation */
#error-message {
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Button hover effects */
button:hover {
  transform: translateY(-1px);
}

button:active {
  transform: translateY(0);
}

/* Stats animation on hover */
.stats-item:hover {
  transform: scale(1.05);
}

/* Illustration subtle animation */
@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }
}

img[alt="Quản lý dễ dàng"] {
  animation: float 6s ease-in-out infinite;
}

/* Social button hover effect */
#google-signin-btn:hover svg {
  transform: scale(1.1);
}

/* Responsive adjustments */
@media (max-width: 1024px) {

  /* Hide illustration on mobile */
  img[alt="Quản lý dễ dàng"] {
    display: none;
  }
}