.card {
         border: none;
         border-radius: 15px;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
         backdrop-filter: blur(10px);
     }

     .card-header {
         background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
         color: white;
         border-radius: 15px 15px 0 0 !important;
         padding: 2rem;
     }

     .form-control {
         border-radius: 10px;
         border: 2px solid #e9ecef;
         padding: 0.75rem 1rem;
         transition: all 0.3s ease;
     }

     .form-control:focus {
         border-color: var(--secondary);
         box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
     }

     .btn-primary {
         background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);
         border: none;
         border-radius: 10px;
         padding: 0.75rem 2rem;
         font-weight: 600;
         transition: all 0.3s ease;
     }

     .btn-primary:hover {
         transform: translateY(-2px);
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
     }

     .password-strength {
         height: 5px;
         border-radius: 5px;
         margin-top: 5px;
         transition: all 0.3s ease;
     }

     .strength-weak {
         background-color: #dc3545;
         width: 25%;
     }

     .strength-medium {
         background-color: #ffc107;
         width: 50%;
     }

     .strength-strong {
         background-color: #28a745;
         width: 75%;
     }

     .strength-very-strong {
         background-color: #20c997;
         width: 100%;
     }

     .password-requirements {
         font-size: 0.875rem;
         color: #6c757d;
     }

     .requirement-met {
         color: #28a745;
     }

     .requirement-unmet {
         color: #dc3545;
     }

     .password-toggle {
         position: absolute;
         right: 10px;
         top: 50%;
         transform: translateY(-50%);
         background: none;
         border: none;
         color: #6c757d;
         cursor: pointer;
         padding: 5px;
     }

     .password-input-group {
         position: relative;
     }

     .password-input-group .form-control {
         padding-right: 45px;
     }