function App() {
  return (
    <main className="flex min-h-screen items-center justify-center p-6">
      <div className="w-full max-w-2xl rounded-2xl border border-slate-800/70 bg-slate-900/60 p-8 shadow-xl shadow-slate-900/60 backdrop-blur">
        <p className="text-xs uppercase tracking-[0.3em] text-cyan-300">Fase 3 • Dashboard</p>
        <h1 className="mt-3 text-3xl font-semibold text-slate-50">React + Vite + Appwrite</h1>
        <p className="mt-3 text-sm leading-relaxed text-slate-300">
          Projeto inicializado com Vite (React + TypeScript), Tailwind CSS e dependências do SDK web do Appwrite. Os serviços de
          autenticação estão encapsulados em helpers reutilizáveis para login, logout e leitura segura da sessão atual.
        </p>

        <div className="mt-6 grid gap-4 sm:grid-cols-2">
          <div className="rounded-xl border border-slate-800/60 bg-slate-900/80 p-4">
            <h2 className="text-sm font-semibold text-slate-100">Stack pronta para UI</h2>
            <ul className="mt-2 list-disc space-y-1 pl-5 text-sm text-slate-300">
              <li>Tailwind configurado para <code className="rounded bg-slate-800 px-1">src</code> e <code className="rounded bg-slate-800 px-1">index.html</code>.</li>
              <li>Dependências instaladas: Appwrite SDK, React Router, Lucide Icons.</li>
              <li>Estilos base prontos para páginas do dashboard.</li>
            </ul>
          </div>

          <div className="rounded-xl border border-slate-800/60 bg-slate-900/80 p-4">
            <h2 className="text-sm font-semibold text-slate-100">Appwrite pronto</h2>
            <ul className="mt-2 list-disc space-y-1 pl-5 text-sm text-slate-300">
              <li>Client, Account e Databases inicializados em <code className="rounded bg-slate-800 px-1">src/lib/appwrite.ts</code>.</li>
              <li>Helpers para login, logout e recuperação da sessão atual.</li>
              <li>Tratamento de sessão expirada retornando <span className="font-semibold text-cyan-300">null</span> quando apropriado.</li>
            </ul>
          </div>
        </div>
      </div>
    </main>
  )
}

export default App