<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <title><?php echo e(config('app.name', 'Laravel')); ?></title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Style -->
    <style>
        /* Gradient Background Animation */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: linear-gradient(-45deg, #3b82f6, #9333ea, #ec4899, #f59e0b);
            opacity: 0.7;
            background-size: 400% 400%;
            animation: gradientMove 15s ease infinite;
            z-index: -1;
        }

        @keyframes gradientMove {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        body {
            margin: 0;
            color: white;
            font-family: 'Figtree', sans-serif;
            min-height: 100vh;
            position: relative;
            z-index: 0;
        }

        .blink {
            animation: blinker 1s linear infinite;
        }

        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
    </style>

    <!-- Scripts -->
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>

<body>
    <!-- Background overlay -->
    <div class="overlay"></div>

    <!-- Main Content -->
    <div class="min-h-screen d-flex flex-column justify-content-center align-items-center pt-5">
        <img src="<?php echo e(asset('storage/logo.png')); ?>" width="200px" alt="Logo Sekolah">
        <div style="color: white; font-weight: bold; font-size: 25pt;" class="my-3 text-center">
            SDN RANCAWULUH 01
        </div>

        <div class="w-100 sm:max-w-md mt-3 p-4 bg-white shadow rounded text-dark">
            <?php echo e($slot); ?>

        </div>

        <p class="mt-4 small">Dibuat oleh <strong>MasIQ</strong> (GITEK.ID)</p>
    </div>

    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <?php echo $__env->yieldContent('scripts'); ?>
</body>

</html><?php /**PATH /var/www/html/bel-sekolah/resources/views/layouts/guest.blade.php ENDPATH**/ ?>