body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #1e3a8a, #3b0764);
}
/* Custom styles for the glassmorphism effect */
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
/* Custom transition for the strength bar */
#strength-bar-fill {
    transition: width 0.3s ease-out, background-color 0.3s ease-out;
}
/* Hide the default password reveal button on some browsers */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}