<!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>DoctoRisk | Coming Soon</title>
            <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;600&display=swap" rel="stylesheet">
            <style>
                :root {
                    --bg: #030303;
                    --accent: #8b5cf6;
                    --glass: rgba(255, 255, 255, 0.03);
                    --border: rgba(255, 255, 255, 0.1);
                }
                body {
                    margin: 0;
                    padding: 0;
                    background: var(--bg);
                    color: #fff;
                    font-family: "Outfit", sans-serif;
                    height: 100vh;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;
                }
                .mesh {
                    position: absolute;
                    top: 0; left: 0; width: 100%; height: 100%;
                    background: radial-gradient(circle at 20% 30%, #1e1b4b 0%, transparent 40%),
                                radial-gradient(circle at 80% 70%, #4c1d95 0%, transparent 40%);
                    z-index: 0;
                    opacity: 0.5;
                }
                .container {
                    z-index: 1;
                    padding: 4rem;
                    background: var(--glass);
                    backdrop-filter: blur(20px);
                    border: 1px solid var(--border);
                    border-radius: 2rem;
                    text-align: center;
                    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
                    max-width: 500px;
                    animation: fadeIn 1s ease-out;
                }
                @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
                h1 {
                    font-size: 3.5rem;
                    margin: 0;
                    background: linear-gradient(to right, #fff, #a78bfa);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    font-weight: 600;
                }
                p {
                    font-size: 1.1rem;
                    color: #94a3b8;
                    line-height: 1.6;
                    margin: 1.5rem 0 2rem;
                }
                .status {
                    display: inline-flex;
                    align-items: center;
                    padding: 0.5rem 1rem;
                    background: rgba(139, 92, 246, 0.1);
                    border: 1px solid rgba(139, 92, 246, 0.2);
                    border-radius: 99px;
                    color: #a78bfa;
                    font-size: 0.875rem;
                }
                .dot {
                    width: 8px; height: 8px; background: #8b5cf6; border-radius: 50%;
                    margin-right: 0.5rem;
                    box-shadow: 0 0 10px #8b5cf6;
                    animation: pulse 2s infinite;
                }
                @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
            </style>
        </head>
        <body>
            <div class="mesh"></div>
            <div class="container">
                <div class="status">
                    <div class="dot"></div>
                    Maintenance Mode
                </div>
                <h1>DoctoRisk</h1>
                <p>Our platform is currently undergoing enhancements. Please retry again later</p>
                <div style="font-size: 0.8rem; color: #475569; margin-bottom: 0.5rem;">Ref: 216.73.216.123</div>
                <div style="font-size: 0.8rem; color: #475569;">&copy; 2026 DoctoRisk Security Solutions</div>
            </div>
        </body>
        </html>