/*#submitBtn {
    background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
    border: none;
}*/
.btn-primary:hover {
    filter: brightness(1.2);
}

.modal-content {
    border: none;
    border-radius: 1.25rem;
    background: #ffffffcc;
    backdrop-filter: blur(8px);
    box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
}

.modal-header {
    background: linear-gradient(135deg, #ffffff 0%, #48e3f5 100%);
    color: #fff;
    border-bottom: none;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
}

.btn-close {
    filter: invert(1);
}

.form-control {
    border-radius: .75rem 0 0 .75rem;
    padding-block: .6rem;
    border-color: #cfd4da;
    transition: box-shadow .2s, border-color .2s;
}

    .form-control:focus {
        box-shadow: 0 0 0 .2rem rgba(78, 115, 223, .25);
        border-color: #4e73df;
    }

.togglePwd {
    width: 3rem;
    border-radius: 0 .75rem .75rem 0;
}

.criteria {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 0;
    margin-top: .75rem;
    background: #f1f3f5;
    border-radius: .75rem;
    padding: .75rem 1rem;
}

    .criteria li {
        width: 50%;
        padding-left: .25rem;
        font-size: .85rem;
    }

    .criteria i {
        transition: .2s;
    }

.bi-check-lg {
    color: #198754 !important;
}

.bi-x-lg {
    color: #adb5bd !important;
}

#pwd-length-hint {
    font-size: .85rem;
    margin-top: .35rem;
}

    #pwd-length-hint.text-success {
        color: #198754 !important;
    }