<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="dark">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ $title ?? config('app.name', 'Nimuli') }}</title>

    @vite(['resources/js/app.js'])
    @livewireStyles
</head>
<body class="bg-bg text-t1 font-sans antialiased">
    <div class="min-h-screen flex flex-col items-center justify-center px-4 py-12">
        <!-- Logo -->
        <div class="mb-8 text-center">
            <a href="/" wire:navigate class="inline-block">
                <span class="text-2xl font-bold tracking-tight text-t1">nimuli.</span>
            </a>
            <p class="mt-2 text-sm text-t2">Short links, QR codes, and bio pages — all in one place.</p>
        </div>

        <!-- Card -->
        <div class="w-full max-w-sm bg-s1 border border-white/[.06] rounded-xl p-8 shadow-xl">
            {{ $slot }}
        </div>

        <!-- Footer -->
        <p class="mt-8 text-xs text-t3">
            &copy; {{ date('Y') }} Nimuli. All rights reserved.
        </p>
    </div>

    @livewireScripts
</body>
</html>
