<!doctype html>
        <html lang="ru">
        <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Страница в разработке</title>
        <style>
            * {
            box-sizing: border-box;
            }

            body {
            margin: 0;
            min-height: 100vh;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            color: #ffffff;
            background:
                radial-gradient(circle at top left, rgba(255,255,255,.28), transparent 34%),
                radial-gradient(circle at bottom right, rgba(79,70,229,.45), transparent 32%),
                linear-gradient(135deg, #0f172a 0%, #1e3a8a 45%, #312e81 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            }

            .page {
            width: min(92%, 760px);
            padding: 56px 42px;
            text-align: center;
            border: 1px solid rgba(255,255,255,.22);
            border-radius: 32px;
            background: rgba(15,23,42,.55);
            box-shadow: 0 30px 90px rgba(0,0,0,.35);
            backdrop-filter: blur(18px);
            }

            .badge {
            display: inline-block;
            margin-bottom: 24px;
            padding: 10px 18px;
            border-radius: 999px;
            font-size: 14px;
            letter-spacing: .08em;
            text-transform: uppercase;
            background: rgba(255,255,255,.14);
            border: 1px solid rgba(255,255,255,.24);
            }

            h1 {
            margin: 0 0 18px;
            font-size: clamp(36px, 7vw, 72px);
            line-height: 1.05;
            letter-spacing: -.04em;
            }

            p {
            margin: 0 auto 34px;
            max-width: 560px;
            font-size: clamp(18px, 2.6vw, 24px);
            line-height: 1.55;
            color: rgba(255,255,255,.82);
            }

            .line {
            width: 120px;
            height: 4px;
            margin: 0 auto 34px;
            border-radius: 999px;
            background: linear-gradient(90deg, #38bdf8, #a78bfa, #f472b6);
            }

            .footer {
            font-size: 15px;
            color: rgba(255,255,255,.62);
            }
        </style>
        </head>
        <body>
        <main class="page">
            <div class="badge">Скоро открытие</div>
            <h1>Страница в разработке</h1>
            <div class="line"></div>
            <p>
            Мы готовим обновленный раздел сайта.
            Совсем скоро здесь появится полезная информация,
            красивые материалы и новые возможности.
            </p>
            <div class="footer">Спасибо за терпение и интерес к проекту</div>
        </main>
        </body>
        </html>