1. Плейсхолдер не должен быть пустым. Хотя бы неразрывный пробел
2. Посмотрите на хотя бы в вопросе. Видите, кусок жирный? Исправьте.
3. Изучите селекторы
.username:focus ~ .for-username
Это значит: найди for-username, которые идут следом, на том же уровне, что и username и когда он в фокусе.
Таких элементов не существует, потому что в коде всюду сначала label, а потом input.
Т.е. либо использовать :focus-within либо менять разметку.
