<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>"
      x-data="{
        darkMode: localStorage.getItem('theme') === 'dark',
        toggleTheme() {
            this.darkMode = !this.darkMode;
            localStorage.setItem('theme', this.darkMode ? 'dark' : 'light');
        }
      }"
      :class="{ 'dark': darkMode }">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Auth - SIMA</title>

    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=plus-jakarta-sans:400,500,600,700,800" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

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

    <style>
        [x-cloak] { display: none !important; }
        body { font-family: 'Plus Jakarta Sans', sans-serif; }
        .violet-gradient {
            background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
        }
    </style>
</head>
<body class="min-h-screen bg-slate-50 dark:bg-[#0f0f1a] text-slate-900 dark:text-slate-100 transition-colors duration-500 overflow-x-hidden">
    <button @click="toggleTheme()"
            class="fixed top-6 right-6 z-50 p-3 bg-white dark:bg-[#161625] border border-slate-200 dark:border-white/10 rounded-2xl shadow-xl hover:scale-110 transition-all duration-300">
        <i x-show="!darkMode" class="fas fa-moon text-violet-600"></i>
        <i x-show="darkMode" class="fas fa-sun text-amber-400" x-cloak></i>
    </button>

    <?php echo e($slot); ?>

</body>
</html>
<?php /**PATH C:\Users\User\Documents\K2-PROJECTS\k2-sipema\resources\views/layouts/guest.blade.php ENDPATH**/ ?>