<neura::container size="xs">
    <neura::stack position="relative" padding="xl" gap="md" rounded="3xl"
                  class="bg-white dark:bg-neutral-900">
        <div aria-hidden="true" class="pointer-events-none absolute inset-0">
            <div class="neura-shine-radial rounded-3xl"></div>
            <div class="neura-shine-linear rounded-3xl"></div>
        </div>

        <neura::stack>
            <neura::box variant="card">
                <neura::icon name="lock-closed"
                             class="size-7 text-primary-600 dark:text-primary-400" />
            </neura::box>

            <neura::stack>
                <neura::heading level="h1" size="2xl" align="center"
                               class="tracking-tight">
                    Welcome back
                </neura::heading>
                <neura::text size="sm" align="center">
                    Sign in to your account to continue
                </neura::text>
            </neura::stack>

            <neura::form wire:submit="login" class="space-y-5">
                <neura::field required>
                    <neura::label for="email">Email address</neura::label>
                    <neura::input id="email" type="email"
                                  wire:model.blur="email"
                                  placeholder="you@example.com"
                                  required autofocus />
                </neura::field>

                <neura::field required>
                    <neura::label for="password">Password</neura::label>
                    <neura::input id="password" type="password"
                                  wire:model.blur="password"
                                  placeholder="••••••••" revealable />
                </neura::field>

                <neura::checkbox wire:model.live="remember"
                                id="remember"
                                label="Remember me" />

                <neura::button type="submit" variant="primary"
                              size="lg" class="w-full">
                    Sign in
                </neura::button>
            </neura::form>
        </neura::stack>
    </neura::stack>
</neura::container>