.registration-container {
        max-width: 600px;
        margin: 0 auto;
        padding: 20px;
    }

    .password-strength {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        height: 5px;
    }

    .strength-bar {
        flex: 1;
        background-color: #e0e0e0;
        border-radius: 2px;
        transition: background-color 0.3s;
    }

    .strength-0 .strength-bar:nth-child(-n+1) {
        background-color: #dc3545;
    }

    .strength-1 .strength-bar:nth-child(-n+2) {
        background-color: #fd7e14;
    }

    .strength-2 .strength-bar:nth-child(-n+3) {
        background-color: #ffc107;
    }

    .strength-3 .strength-bar:nth-child(-n+4) {
        background-color: #198754;
    }

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

    .password-input-group {
        position: relative;
        /* border: 1px solid red !important; */
    }

    .form-control:focus {
        border-color: #86b7fe;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
    }

    .is-valid:focus {
        border-color: #198754;
        box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
    }

    .is-valid {
        border-color: #198754 !important;
    }

    .is-invalid {
        border-color: #dc3545 !important;
    }