body {
    background-color: #f4f4f4;
  }

a {
    text-decoration: none;
}

  #auth-card {
    max-width: 500px;
    margin: 0 auto;
  }
  
  .auth-form {
    display: none;
  }
  
  .auth-form.active {
    display: block;
  }
  
  .card {
    border: none;
    border-radius: 10px;
  }
  
  .btn-primary {
    background-color: #606ce4;
    border-color: #606ce4;
    transition: all 0.3s ease;
  }
  
  .btn-primary:hover {
    background-color: #606ce4;
    border-color: #606ce4;
  }
  
  .form-control {
    border-radius: 5px;
  }
  
  .invalid-feedback {
    color: #dc3545;
    display: none;
  }
  
  .form-control.is-invalid {
    border-color: #dc3545;
  }
  
  .form-control.is-valid {
    border-color: #28a745;
  }