Техническое задание: Верстка модального окна (popup)

Необходимо реализовать отзывчивое и кроссбраузерное модальное окно (popup) с чистым, семантическим HTML/CSS кодом.

Основные функциональные требования:

• Окно должно открываться по клику на заданную кнопку/ссылку на странице.
• Окно должно закрываться двумя способами:
  • По клику на иконку закрытия (крестик) в углу окна.
  • По клику на затемненную область вокруг самого окна (оверлей).
• Внутренняя структура окна должна включать место для:
  • Заголовка (H1-H3).
  • Краткого текстового описания.
  • Дополнительных элементов (место для будущего расширения функционала).

Технические требования к верстке:

• Код должен быть валидным и семантическим.
• Верстка должна быть адаптивной и корректно отображаться на мобильных устройствах.
• Анимации появления и скрытия окна должны быть плавными.
• Фокус должен управляться корректно (для доступности).
• Исходный код должен быть хорошо структурирован и прокомментирован.

Все детали по стилизации, размерам и контенту будут согласованы дополнительно с исполнителем.