<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Admin Authentication - Verification Hub</title>
    
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <!-- Tailwind CSS v3 Play CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Outfit', 'sans-serif'],
                    }
                }
            }
        }
    </script>
    
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    
    <style type="text/tailwindcss">
        @layer utilities {
            .login-bg {
                background: url('/img/login_background.png') center/cover no-repeat;
                position: relative;
                min-height: 100vh;
            }
            .login-bg::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(15, 23, 42, 0.45));
                z-index: 0;
            }
            .glass {
                background: rgba(15, 23, 42, 0.45);
                backdrop-filter: blur(28px);
                border: 1px solid rgba(255, 255, 255, 0.08);
                box-shadow: 0 40px 140px rgba(0, 0, 0, 0.45);
                position: relative;
                overflow: hidden;
            }
            .glass::before {
                content: '';
                position: absolute;
                inset: 0;
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
                pointer-events: none;
            }
            .glass::after {
                content: '';
                position: absolute;
                top: -40px;
                right: -40px;
                width: 180px;
                height: 180px;
                background: rgba(99, 102, 241, 0.12);
                border-radius: 50%;
                filter: blur(40px);
                pointer-events: none;
            }
            @keyframes slideUp {
                from {
                    transform: translateY(20px);
                    opacity: 0;
                }
                to {
                    transform: translateY(0);
                    opacity: 1;
                }
            }
            .animate-slide-up {
                animation: slideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            }
        }
    </style>
</head>
<body class="login-bg flex items-center justify-center md:justify-end min-h-screen overflow-x-hidden p-4">
    <!-- Background visual elements -->
    <div class="absolute top-[10%] left-[5%] w-[45vw] h-[45vw] bg-indigo-600/10 rounded-full filter blur-[100px] pointer-events-none hidden md:block"></div>
    <div class="absolute bottom-[10%] right-[30%] w-[35vw] h-[35vw] bg-purple-600/10 rounded-full filter blur-[120px] pointer-events-none hidden md:block"></div>

    <!-- Login Container -->
    <div class="w-full max-w-md md:mr-16 lg:mr-28 xl:mr-44 z-10">
        <div class="glass rounded-[32px] p-8 sm:p-10 shadow-2xl">
            <?php echo $__env->yieldContent('content'); ?>
        </div>
    </div>
</body>
</html><?php /**PATH /home/livejob1/public_html/docverify.livejobs.in/resources/views/admin/auth_layout.blade.php ENDPATH**/ ?>