body {
     background-color: #f8f9fa;
     font-family: 'Inter', sans-serif;
}

.company-logo {
     display: block;
     margin: 0 auto 20px;
     width: 100px;
     height: auto;
}

.card {
     border: none;
     border-radius: 1rem;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.card-title {
     font-size: 1.5rem;
     color: #495057;
     font-weight: 600;
}

.form-control:focus {
     box-shadow: none;
     border-color: #406494;
}

.btn-primary {
     background-color: #406494;
     border: none;
}
     .btn-primary:hover {
          background-color: #1f4364;
     }
          .btn-primary:disabled {
               background-color: #ccc; 
               color: #666; 
               cursor: not-allowed;
               opacity: 0.7;
          }

.modal-content {
     border-radius: 1rem;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.password-strength {
     height: 10px;
     border-radius: 5px;
     margin-top: 5px;
}