Разработать макет страницы авторизации

Необходимо разработать макет страницы авторизации:

a. на странице есть текстовые поля для ввода имени и пароля (пароль прячется за звездочками);

b. при нажатии на кнопку Войти проверяется все ли поля заполнены, если какое-то поле не заполнено, то оно окрашивается в красный цвет и рядом появляется текст, говорящий о том, что необходимо заполнить это поле;

c. если поле пароль содержит меньше 6 символов, то окрасить его в красный текст и рядом показать текст, что пароль не может быть короче 6 символов;

d. если пароль содержит только цифры или только буквы, то окрасить его в красный текст и рядом показать текст, что пароль слишком простой;

e. если все поля заполнены и пароль не менее 6 символов и содержит буквы и цифры, то окрасить оба поля в зеленый цвет, ниже вывести фразу об успешной авторизации; также должны появиться кнопка Выйти, по нажатию на которую вся страница возвращается в исходное состояние: все поля пустые, все информационные сообщения скрыты, кнопка Выйти также скрыта;

f. кнопка Выйти должна обладать еще следующим поведение: когда она стала доступна, и пользователь первый раз наводить на нее мышь, то она быстро «убегает» вниз окна, а затем медленно возвращается на свое прежнее место. При последующих наведениях мыши кнопка должна оставаться на месте. Однако, если пользователь повторно успешно авторизуется, то поведение кнопки восстанавливается: первый раз «убегает», потом – нет.