<?php
$pageTitle = 'Pagamento não concluído';
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $pageTitle ?> - MontaLoja</title>
    <script src="https://cdn.jsdelivr.net/npm/iconify-icon@1.0.8/dist/iconify-icon.min.js"></script>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; }
        .container { background: white; padding: 3rem; border-radius: 16px; text-align: center; max-width: 400px; }
        .icon { font-size: 3rem; color: #e74c3c; margin-bottom: 1rem; }
        h2 { margin-bottom: 0.5rem; }
        p { color: #666; margin-bottom: 1.5rem; }
        .btn { display: inline-block; padding: 0.75rem 1.5rem; background: #CCA43B; color: white; text-decoration: none; border-radius: 8px; font-weight: 600; }
        .btn:hover { background: #b8932f; }
    </style>
</head>
<body>
    <div class="container">
        <iconify-icon icon="solar:close-circle-bold" class="icon"></iconify-icon>
        <h2>Pagamento não concluído</h2>
        <p>Seu pagamento não foi processado. Você pode tentar novamente ou escolher outro método de pagamento.</p>
        <a href="/pages/cadastro/" class="btn">Tentar novamente</a>
    </div>
</body>
</html>
