<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Outly — Скоро открытие</title>
    <style>
        body { background: radial-gradient(circle at 50% 25%, #172033 0%, #080B11 100%); color: #F4F6F8; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; display: flex; align-items: center; justify-content: center; min-height: 100vh; margin: 0; padding: 20px; text-align: center; }
        .card { background: rgba(22, 27, 38, 0.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.12); padding: 52px 36px; border-radius: 24px; max-width: 500px; box-shadow: 0 20px 50px rgba(0,0,0,0.6); }
        .brand { font-size: 2.1rem; font-weight: 800; letter-spacing: 0.22em; background: linear-gradient(135deg, #FFFFFF, #818CF8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0 0 18px 0; display: inline-block; }
        .badge { display: inline-block; background: rgba(99, 102, 241, 0.15); color: #818CF8; border: 1px solid rgba(99, 102, 241, 0.3); border-radius: 9999px; padding: 6px 16px; font-size: 0.82rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 24px; }
        p { color: #94A3B8; font-size: 1.05rem; line-height: 1.65; margin: 0 0 28px; }
        .foot { color: #475569; font-size: 0.78rem; }
    </style>
</head>
<body>
    <div class="card">
        <h1 class="brand">OUTLY</h1><br>
        <div class="badge">Скоро открытие</div>
        <p>Мы создаем сервис персональных рекомендаций досуга на основе психографических профилей.<br>Официальный запуск готовится совсем скоро.</p>
        <div class="foot">&copy; 2026 Outly. Все права защищены.</div>
    </div>
</body>
</html>