1) Обвернуть инпут и label у враппер с position: relative;
2) Padding сверху, чтоб label поместился
3) Сам label - position absolute; top: 0;
4) Но фактически помещаем label сразу после input
5) Для инпута пишем: input:focus+label {color: red}
Есть 2 секции - верхняя и нижняя. Верхняя это картинка png, зафиксированная на нижнем краю верхнего блока поверх всего контента, или можно поиграться с трансформациями на css.
