HTML, SCSS, JavaScript, Flexbox

I was faced with a certain complexity and difficulty in validating the password input, since my focus was to put as a rule in the creation of a password the use of at least one special character, a numerical character, a character with a capital letter and a character with a letter lower case, being necessary to have 8 characters for the password to be valid.

I'm not sure about some of the styling choices I made, such as font size, color, and weight. Also, I'm not sure I used the custom messages to the best of my ability, however, it turned out to be functional.

My doubt is related to the error messages, because I removed the pop-up from the browser, responsible for showing the error or complementing the customized error message, and I could use it as a reinforcement showing an example of how the input can be filled in valid way.