Скоро открытие</itle> <style> /* ===== Сброс стилей и общие настройки ===== */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); color: #2d3748; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; } /* ===== Основной контейнер ===== */ .container { max-width: 600px; width: 100%; background: white; padding: 40px 30px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } h1 { font-size: 2.5rem; margin-bottom: 20px; color: #1a202c; } p { font-size: 1.1rem; line-height: 1.6; color: #4a5568; margin-bottom: 30px; } /* ===== Email форма ===== */ .email-form { display: flex; flex-direction: column; gap: 12px; } .email-form input { padding: 14px; font-size: 1rem; border: 1px solid #e2e8f0; border-radius: 8px; outline: none; transition: border-color 0.3s; } .email-form input:focus { border-color: #4299e1; } .email-form button { background: #3182ce; color: white; border: none; padding: 14px; font-size: 1rem; font-weight: 600; border-radius: 8px; cursor: pointer; transition: background 0.3s; } .email-form button:hover { background: #2c5282; } /* ===== Адаптивность ===== */ @media (max-width: 600px) { h1 { font-size: 2rem; } .container { padding: 30px 20px; } } </style> </head> <body> <div class="container"> <h1>Скоро открытие!</h1> <p>Мы работаем над чем-то особенным. Подпишитесь, чтобы первыми узнать о запуске.</p>  <form class="email-form" action="#" method="POST" onsubmit="alert('Спасибо! Мы свяжемся с вами при запуске.'); return false;"> <input type="email" name="email" placeholder="Ваш email" required aria-label="Введите ваш email" /> <button type="submit">Уведомить меня</button> </form> </div> </body> </html>