
@keyframes fadeInScaleUp {
    from {
      opacity: 0;
      transform: scale(0.9) translateY(20px);
    }
    to {
      opacity: 1;
      transform: scale(1) translateY(0);
    }
  }
  
  .login-card-animation {
    animation: fadeInScaleUp 0.6s ease-out forwards;
  }
  
   input::placeholder {
       color: #9ca3af; 
       font-size: 0.875rem; 
   }
  
   input[type="password"], input[type="text"] {
       padding-right: 2.5rem;
   }
  
   .alert {
      padding: 0.75rem 1.25rem;
      margin-bottom: 1rem;
      border: 1px solid transparent;
      border-radius: 0.375rem;
   }
   .alert-danger {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb;
   }
   .alert-success {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb;
   }
  
  