Auth and Security

<x-aura::card size="md" padding="lg" gap="6">
    <x-aura::flex direction="col" gap="2" align="center" justify="center">
        <x-aura::icon name="lock" size="lg" :container="true" />

        <x-aura::heading level="3" size="md" align="center">
            Welcome Back
        </x-aura::heading>

        <x-aura::text variant="subtle" size="sm" align="center">
            Sign in to access your dashboard workspace.
        </x-aura::text>
    </x-aura::flex>

    <form>
        <x-aura::flex direction="col" gap="4">
            <x-aura::field label="Work Email">
                <x-aura::input type="email" placeholder="alex@company.com" icon="mail" />
            </x-aura::field>

            <x-aura::field label="Password">
                <x-aura::input type="password" placeholder="••••••••" icon="lock" />
            </x-aura::field>

            <x-aura::flex align="center" justify="between">
                <x-aura::checkbox label="Remember me for 30 days" checked size="sm" />

                <x-aura::link href="#" size="sm" underline="hover">
                    Forgot Password
                </x-aura::link>
            </x-aura::flex>

            <x-aura::button variant="primary" size="md" block="true">
                Login
            </x-aura::button>
        </x-aura::flex>
    </form>
</x-aura::card>