<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Política de Privacidade | Flux Player</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
    <style>
        body { 
            background-color: #06070a; 
            color: #cbd5e1; 
            font-family: 'Inter', sans-serif;
            background-image: radial-gradient(circle at top right, rgba(139, 92, 246, 0.05) 0%, transparent 40%);
        }
        .glass-card {
            background: #0f111a;
            border: 1px solid rgba(255,255,255,0.05);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        }
        .neon-text {
            color: #8b5cf6;
            text-shadow: 0 0 10px rgba(139, 92, 246, 0.3);
        }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #06070a; }
        ::-webkit-scrollbar-thumb { background: #1f212d; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: #8b5cf6; }
    </style>
</head>
<body class="py-10 px-4">

    <div class="max-w-3xl mx-auto">
        <div class="text-center mb-12">
            <img src="https://a.imagem.app/ByrbbW.png" alt="Flux Player" class="mx-auto mb-4" style="max-height: 80px; filter: drop-shadow(0 0 10px rgba(139, 92, 246, 0.2));">
            <h1 class="text-white font-black text-3xl uppercase italic tracking-tighter">Política de Privacidade</h1>
            <p class="text-[10px] text-violet-500 font-bold uppercase tracking-[0.4em] mt-2">Flux Player - Thailand Edition</p>
        </div>

        <div class="glass-card p-8 md:p-12 rounded-[2.5rem] leading-relaxed">
            
            <section class="mb-8">
                <h2 class="text-white font-bold text-lg mb-4 flex items-center gap-3">
                    <span class="w-8 h-8 rounded-lg bg-violet-600/10 flex items-center justify-center text-violet-500 text-sm">01</span>
                    Introdução
                </h2>
                <p class="text-sm text-gray-400 pl-11">
                    O <strong>Flux Player</strong> está comprometido em proteger sua privacidade. Esta política descreve como operamos como um reprodutor de mídia independente e transparente.
                </p>
            </section>

            <section class="mb-8">
                <h2 class="text-white font-bold text-lg mb-4 flex items-center gap-3">
                    <span class="w-8 h-8 rounded-lg bg-violet-600/10 flex items-center justify-center text-violet-500 text-sm">02</span>
                    Coleta de Dados
                </h2>
                <p class="text-sm text-gray-400 pl-11">
                    O Flux Player funciona apenas como um player. <span class="neon-text font-bold">Não coletamos nem armazenamos</span> informações pessoais, históricos de visualização ou listas de reprodução em nossos servidores. Todos os dados de login são processados localmente ou enviados diretamente ao seu provedor de serviços.
                </p>
            </section>

            <section class="mb-8">
                <h2 class="text-white font-bold text-lg mb-4 flex items-center gap-3">
                    <span class="w-8 h-8 rounded-lg bg-violet-600/10 flex items-center justify-center text-violet-500 text-sm">03</span>
                    Permissões Necessárias
                </h2>
                <ul class="text-sm text-gray-400 pl-11 space-y-2 list-disc list-inside">
                    <li><strong class="text-gray-300">Internet:</strong> Para carregar os fluxos de mídia.</li>
                    <li><strong class="text-gray-300">Armazenamento:</strong> Para leitura de arquivos locais (se aplicável).</li>
                    <li><strong class="text-gray-300">Estado da Rede:</strong> Para otimizar a reprodução conforme sua conexão.</li>
                </ul>
            </section>

            <section class="mb-8">
                <h2 class="text-white font-bold text-lg mb-4 flex items-center gap-3">
                    <span class="w-8 h-8 rounded-lg bg-violet-600/10 flex items-center justify-center text-violet-500 text-sm">04</span>
                    Segurança
                </h2>
                <p class="text-sm text-gray-400 pl-11">
                    Utilizamos protocolos de segurança modernos para garantir que a comunicação entre o aplicativo e o servidor do seu provedor de conteúdo seja protegida contra interceptações.
                </p>
            </section>

            <section class="mb-8 border-t border-white/5 pt-8">
                <h2 class="text-white font-bold text-lg mb-4 flex items-center gap-3">
                    <i class="fas fa-envelope text-violet-500 text-sm"></i>
                    Contato e Suporte
                </h2>
                <p class="text-sm text-gray-400 pl-8">
                    Dúvidas sobre sua privacidade? Entre em contato com nosso suporte técnico:
                </p>
                <div class="mt-4 pl-8">
                    <a href="mailto:suporte@seudominio.com" class="inline-block px-6 py-3 bg-violet-600/20 hover:bg-violet-600 text-violet-500 hover:text-white rounded-xl text-xs font-black uppercase tracking-widest transition-all">
                        Enviar E-mail
                    </a>
                </div>
            </section>

        </div>

        <div class="text-center mt-10 text-[9px] text-gray-600 font-bold uppercase tracking-widest">
            Flux Player &copy; 2026 • Todos os direitos reservados
        </div>
    </div>

</body>
</html>