Payment Checkout Page - Copy this Html, Tailwind Component to your project

Создай современный и стильный дизайн страницы оплаты. Структура страницы: Правая часть (занимает 50% ширины экрана): Логотип магазина в верхней части. Секция с данными о заказе: Название товара (крупный шрифт). Краткое описание (меньший шрифт, с оттенком серого). Изображение товара (если есть). Количество и цена за единицу. Общая сумма (выделена жирным шрифтом). Оформить в виде аккуратной карточки с лёгкими тенями или закруглёнными углами. Левая часть (занимает 40% ширины экрана): Платёжная форма (уменьшенная, но центрированная): Поля для ввода информации: Номер карты (с иконкой платёжной системы, например, VISA, MasterCard). Дата окончания действия карты (в виде двух коротких полей для месяца и года). CVV код (с иконкой подсказки для пользователя). Имя владельца карты. Яркая кнопка "Оплатить сейчас" с градиентом или тенью для акцента. Надпись "Ваши данные защищены" с иконкой замка или значком безопасности в нижней части. Дополнительные элементы: Фон страницы: градиент светлых тонов или текстурированный фон (например, лёгкие полосы или точки). Поля и карточки с плавными тенями и закруглёнными углами. Разделение между правой и левой частями тонкой линией или мягкой тенью. Цветовая палитра: Основной фон: светло серый или белый. Акцентные элементы: яркий синий, зелёный или фиолетовый (для кнопок и важной информации). Шрифты: без засечек, лёгкие и современные (например, Roboto, Open Sans). Создай интуитивно понятный и визуально привлекательный интерфейс, который подчёркивает безопасность и удобство оплаты.