@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

body {
    font-family: 'Roboto Condensed', sans-serif;
}

.password-strength {
    height: 4px;
    transition: all 0.3s;
}

.input-highlight {
    transition: all 0.2s;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}

.input-highlight:focus {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
}

.select-required:invalid {
    color: #6b7280;
}

.select-required:valid {
    color: #111827;
}