codice HTML:
<style>
.form-light:focus ~ label,
.form-light:valid ~ label
{
    transform: translateY(-50%);
    font-weight: 800;
    color: rgb(88, 133, 255);
    font-size: .9em;
}
</style>

<input id="password" name="password" type="password" class="l50 form-light" value="" />
<label for="password">password</label>
<span class="btm-input"></span>
<span class="light-input"></span>
non capisco il perche il campo input è sempre nello stato di valid