Issue with red border in password

Hello the password field is showing a red border, even when conditions are met, which creates a bad UX. I’ve tried to add CSS, but the rule is added with an !important; so I cannot override the setting… Is there a way to change this border to green?

Thanks

Here’s the code generated by the form:

<input class="um-form-field valid um-validate-not-matched" type="password" name="user_password-1705" id="user_password-1705" value="" placeholder="" data-validate="" data-key="user_password">

.um-form .um-field .um-field-area input.um-form-field.um-validate-not-matched, .um-form .um-field .um-field-area input.um-form-field.um-validate-not-matched:focus, .um-form .um-field .um-field-area input.um-form-field.um-validate-username-exists, .um-form .um-field .um-field-area input.um-form-field.um-validate-username-exists:focus {
    border-color: #DB2929 !important;
}

The page I need help with: [log in to see the link]