<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Parabéns!</title>
<link rel="icon" type="image/svg+xml" href="img/Logo.png">
<script src="https://cdn.tailwindcss.com"></script>
<style>
@keyframes blob {
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(30px,-50px) scale(1.1)}
  66%{transform:translate(-20px,20px) scale(0.9)}
}
.animate-blob{animation:blob 20s infinite}
.animation-delay-2000{animation-delay:2s}
.animation-delay-4000{animation-delay:4s}
</style>
</head>
<body class="bg-gray-100 relative min-h-screen flex items-center justify-center">

<!-- Blobs animados -->
<div class="absolute w-96 h-96 bg-pink-400 rounded-full blur-3xl opacity-30 animate-blob top-10 left-20"></div>
<div class="absolute w-96 h-96 bg-blue-400 rounded-full blur-3xl opacity-30 animate-blob animation-delay-2000 top-40 right-20"></div>
<div class="absolute w-72 h-72 bg-green-400 rounded-full blur-3xl opacity-30 animate-blob animation-delay-4000 bottom-10 left-40"></div>

<div class="bg-white p-10 rounded-3xl shadow-2xl text-center max-w-lg">
  <h1 class="text-4xl font-bold text-green-600 mb-4">🎉 Parabéns!</h1>
  <p class="text-gray-700 text-lg mb-6">Sua resposta foi enviada com sucesso.</p>

  <?php
    $formId = isset($_GET['id']) ? (int)$_GET['id'] : 0;
    if ($formId > 0) {
        echo '<a href="formulario_view.php?id='.$formId.'" 
                class="px-6 py-3 bg-green-500 text-white rounded-2xl hover:bg-green-700 transition">
                Voltar para o formulário
              </a>';
    } else {
        echo '<a href="index.php" 
                class="px-6 py-3 bg-green-500 text-white rounded-2xl hover:bg-green-700 transition">
                Voltar ao início
              </a>';
    }
  ?>
</div>

</body>
</html>
