Общие требования — см. «Требования к задаче» на карточке OOK-834 на index.html. Здесь — только детали, специфичные для этого экрана.
Так как в статичном прототипе нет реальной авторизации, внизу страницы есть демо-панель (явно помечена, не часть настоящего интерфейса) — переключатель «за какого пользователя мы сейчас кликаем»: Гость / Авторизован без ПЛ / Авторизован и в ПЛ. По умолчанию выбран «Авторизован и в ПЛ», чтобы первый клик сразу показывал самый простой сценарий. Персоны «Гость» и «Авторизован, не в ПЛ» открывают модалку авторизации/вступления прямо на этой странице; та же модалка отдельно доступна как самостоятельная демо-страница — ook-834-loyalty-gate.html.
Переключаются параметром ?state=answered / ?state=closed в URL (этим приёмом пользуется листинг опросов, чтобы показать все статусы одним и тем же файлом). В состоянии «уже участвовали» подсвечен вариант «Двухкамерный» — захардкожено для демонстрации, реальный бэкенд может помнить другой выбор пользователя.
Переключатель «по почте» декоративен (реальный email-флоу входа не смоделирован — на скриншотах его не было). Красный блок «Не приходит код авторизации?» декоративен, кроме номера телефона — это рабочая tel:-ссылка. Код по SMS принимает любые 4 цифры без проверки. Таймер повторной отправки работает по-настоящему (обратный отсчёт), но кнопка «Отправить код повторно» просто перезапускает тот же таймер. Стрелка «назад» на шаге кода расположена внутри модалки, а не вынесена наружу, как на скриншоте, — так проще реализовать без потери смысла.
Нажимая на вариант ответа, вы получите бонусы ХОЛОДИЛЬНИК.РУ и перейдёте на страницу с подборкой по этой теме.