Разработка CSS-анимации для всплывающего окна

Цель проекта

Создать визуально привлекательную и плавную анимацию открытия модального окна (popup) с использованием исключительно каскадных таблиц стилей (CSS). Анимация должна соответствовать предоставленному референсу.

Основные требования

• Анимация должна быть реализована только на CSS. Использование JavaScript не допускается.
• Всплывающее окно должно появляться строго по центру экрана.
• Триггером для запуска анимации является взаимодействие пользователя с элементами формы, такими как radio buttons, связанные с изображениями (например, выбор начинки или размера товара).
• Необходимо воспроизвести логику и визуальный стиль анимации, показанный в референсном примере.
• Код должен быть чистым, хорошо структурированным и комментированным при необходимости.

Ожидаемый результат

Готовый HTML/CSS код, где при выборе одного из вариантов (через radio buttons) плавно появляется центрированное всплывающее окно с заданной анимацией. Все состояния (открыто/закрыто) должны управляться CSS.