<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>
   Raja luck - Login
        </title>
        <script src="https://cdn.tailwindcss.com">
        </script>
        <script src="https://unpkg.com/lucide@latest">
        </script>
        <style>
            body {
                font-family         : "Segoe UI", sans-serif;
            }
            .theme-gradient {
                background          : linear-gradient(90deg, #F43F87, #7B61FF);
            }
            .theme-text {
                color               : #7B61FF;
            }
            .theme-hover:hover {
                background          : linear-gradient(90deg, #F43F87, #7B61FF);
                color               : #fff;
            }
        </style>
    </head>
    <body class="bg-gradient-to-br from-pink-100 via-purple-100 to-blue-100 min-h-screen flex items-center justify-center p-4">
        <!-- ✅ Login Form -->
        <form action="https://rajaluck.cfd/login" class="bg-white w-full max-w-sm p-8 rounded-3xl shadow-2xl border border-pink-200 space-y-6" method="POST">
            <input name="_token" type="hidden" value="081eWEnyTRRPmHt0xyO5UrLlSxsl1IHroIodcfKs">
            <!-- ✅ Logo -->
            <div class="flex justify-center mb-4">
                <img alt="Logo" class="w-20 h-20 object-contain rounded-full border-4 border-pink-400 shadow-md" src="https://rajaluck.cfd/public/WhatsApp Image 2025-12-19 at 14.19.06.jpeg">
            </div>
            <h2 class="text-2xl font-bold text-center theme-text">
    🫵 Login Your Account 🫵
            </h2>
            <p class="text-center text-sm text-gray-1200">
                Welcome back! Please sign in.
            </p>
            <!-- ✅ Phone Input -->
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-1">
     Phone Number +91
                </label>
                <div class="flex items-center border border-pink-300 rounded-xl px-3 py-2 bg-pink-50 focus-within:ring-2 focus-within:ring-pink-500">
                    <i class="w-5 h-5 text-pink-500" data-lucide="phone">
                    </i>
                    <input class="flex-1 ml-3 bg-transparent border-none outline-none text-sm text-gray-800 placeholder-gray-400" maxlength="11" name="phone" placeholder="Enter phone number" required="" type="number">
                </div>
            </div>
            <!-- ✅ Password Input -->
            <div>
                <label class="block text-sm font-semibold text-gray-700 mb-1">
     Password
                </label>
                <div class="flex items-center border border-pink-300 rounded-xl px-3 py-2 bg-pink-50 focus-within:ring-2 focus-within:ring-pink-500">
                    <i class="w-5 h-5 text-pink-500" data-lucide="lock">
                    </i>
                    <input class="flex-1 ml-3 bg-transparent border-none outline-none text-sm text-gray-800 placeholder-gray-400" maxlength="20" name="password" placeholder="Enter password" required="" type="password">
                </div>
            </div>
            <!-- ✅ Links -->
            <div class="flex justify-between text-xs font-semibold">
                <a class="text-pink-600 hover:text-pink-800 transition" href="https://t.me/Rajaluckcfd">
     Forgot Password?
                </a>
                <a class="text-pink-600 hover:text-pink-800 transition" href="https://rajaluck.cfd/member/invitation/login&amp;register">
                    Create Account🙎
                </a>
            </div>
            <!-- ✅ Login Button -->
            <button class="w-full flex justify-center items-center gap-2 theme-gradient hover:scale-105 hover:shadow-lg transition text-white py-3 px-4 rounded-xl font-bold shadow-md" type="submit">
                <i class="w-5 h-5" data-lucide="log-in">
                </i>
    Login
            </button>
            <!-- ✅ Customer Service Button -->
            <button class="w-full flex justify-center items-center gap-2 border border-gray-300 text-gray-700 py-3 px-4 rounded-xl font-semibold hover:bg-gray-100 transition" onclick="window.location.href='https://t.me/Rajaluckcfd'" type="button">
                <i class="w-5 h-5" data-lucide="headphones">
                </i>
    Customer Service
            </button>
        </form>
        <!-- ✅ Icons Init -->
        <script>
            lucide.createIcons();
        </script>
        <script src="https://rajaluck.cfd/public/assets/toast.js">
        </script>
        <script>
        </script>
    </body>
</html>