@page "/precos/sucesso"
@model Nalu.Web.Pages.Precos.SucessoModel
@{
    ViewData["Title"] = "Assinatura confirmada — NaLU AI";
}

<section class="min-h-[80vh] flex items-center justify-center py-16 px-4">
    <div class="text-center max-w-md">
        <div class="text-6xl mb-6">🎉</div>
        <h1 class="text-3xl font-extrabold text-gray-900 mb-3">Assinatura confirmada!</h1>
        <p class="text-gray-500 mb-2">Seu plano foi ativado. Os créditos estarão disponíveis no painel em alguns instantes.</p>
        <p class="text-gray-400 text-sm mb-8">Você receberá um e-mail de confirmação do Stripe.</p>
        <div class="flex flex-col sm:flex-row gap-3 justify-center">
            <a href="/painel" class="bg-nalu-600 text-white font-bold px-6 py-3 rounded-xl hover:bg-nalu-700 transition-colors">
                Ir para o painel →
            </a>
            <a href="/docs/quickstart" class="border border-gray-200 text-gray-700 font-semibold px-6 py-3 rounded-xl hover:border-nalu-500 hover:text-nalu-600 transition-colors">
                Ver documentação
            </a>
        </div>
    </div>
</section>
