/* static/css/signup.css */
.password-strength-meter {
    height: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
}

.password-strength-meter div {
    height: 100%;
    width: 0;
    transition: width 0.3s ease;
}

/* Specific styles for the signup form */
#signupForm .toggle-password {
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

#signupForm .toggle-password:hover {
    opacity: 1;
}

#signupForm #errorMessage.shake {
    animation-duration: 0.6s;
}