<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DAT - Demande de Transfert</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); color: white; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
        .container { text-align: center; padding: 2rem; }
        .logo { font-size: 3rem; margin-bottom: 1rem; }
        h1 { font-size: 2rem; margin-bottom: 0.5rem; }
        .subtitle { color: #a0aec0; font-size: 1.1rem; margin-bottom: 2rem; }
        .badge { display: inline-block; background: #e53e3e; color: white; padding: 0.4rem 1.2rem; border-radius: 20px; font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; }
        .desc { color: #718096; margin-top: 2rem; max-width: 500px; line-height: 1.6; }
    </style>
</head>
<body>
    <div class="container">
        <div class="logo">📋</div>
        <h1>DAT</h1>
        <p class="subtitle">Demandes de Transfert de Depouille Mortelle</p>
        <span class="badge">COMING SOON</span>
        <p class="desc">Application de gestion des demandes de transfert de depouille mortelle pour le Ministere de l Interieur.</p>
    </div>
</body>
</html>