<script setup>
</script>

<template>
    <div class="max-w-2xl mx-auto px-4 py-16 text-center">
        <div class="w-16 h-16 bg-blue-100 rounded-2xl flex items-center justify-center mx-auto mb-6">
            <i class="pi pi-key text-blue-700 text-2xl" />
        </div>
        <h1 class="text-2xl font-bold text-slate-800 mb-3">Primeiro Acesso / Esqueci minha senha</h1>
        <p class="text-slate-500 mb-8">
            Fluxo de criação e recuperação de senha — a ser implementado.
        </p>
        <RouterLink :to="{ name: 'home' }">
            <Button label="Voltar ao início" severity="secondary" icon="pi pi-arrow-left" outlined />
        </RouterLink>
    </div>
</template>
