<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Casino Login</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
        body {
            font-family: 'Poppins', sans-serif;
            background: radial-gradient(circle, #2d2d2d, #1a1a1a);
            color: white;
        }
    </style>
</head>
<body class="flex items-center justify-center h-screen">
    <div class="bg-gray-800 shadow-lg rounded-lg p-8 max-w-md w-full">
        <h1 class="text-center text-3xl font-bold text-yellow-400 mb-6">Casino Login</h1>
        <form id="loginForm" method="POST" class="space-y-4">
            <div>
                <label for="username" class="block text-lg font-medium">Username</label>
                <input 
                    type="text" 
                    id="username" 
                    name="username" 
                    class="w-full p-2 border border-gray-600 rounded-lg bg-gray-700 focus:ring-2 focus:ring-yellow-400 focus:outline-none"
                    required>
            </div>
            <div>
                <label for="password" class="block text-lg font-medium">Password</label>
                <input 
                    type="password" 
                    id="password" 
                    name="password" 
                    class="w-full p-2 border border-gray-600 rounded-lg bg-gray-700 focus:ring-2 focus:ring-yellow-400 focus:outline-none"
                    required>
            </div>
            <button 
                type="submit" 
                class="w-full bg-yellow-500 text-black font-semibold py-2 rounded-lg hover:bg-yellow-600 focus:ring-2 focus:ring-yellow-400">
                Login
            </button>
        </form>
        <div id="message" class="mt-6 text-center text-lg hidden">
            <p>Contact the manager on Telegram to link your account:</p>
            <a 
                href="https://t.me/mystake_manager" 
                class="text-yellow-400 underline hover:text-yellow-300">
                @mystake_manager
            </a>
        </div>
    </div>

    
</body>
</html>
