bypass

ghkkghkhgkhgkgh ASAsjJjjjjjjJghkghkghkghkghkghkkhgkghkghgkhkghkghkghkghkgh ASAsjJjjjjjjJJjJhkgyjghjghghkghkg iopiopoiiopiopiopiopiopiopiopiopiopiopiopiopiopiopiopiop op[op[op[op[ J J J JJ po[op[op[op[op[op[po[op[op[ JJ J bypass

<?php
require_once 'includes/config/config.php'; // Carrega as constantes com os dados da empresa
?>
<!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 - <?php echo htmlspecialchars(NOME_EMPRESA); ?></title>
    
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet">
    
    
    <style>
        :root {
            --primary-color: #2c3e50;
            --secondary-color: #3498db;
            --accent-color: #e74c3c;
            --success-color: #2ecc71;
            --warning-color: #f39c12;
            --info-color: #1abc9c;
            --light-bg: #f8f9fa;
            --dark-bg: #2c3e50;
            --text-color: #333;
            --text-light: #f8f9fa;
            --border-radius: 8px;
            --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            --transition: all 0.3s ease-in-out;
        }
        
        body {
            font-family: 'Nunito', 'Segoe UI', sans-serif;
            color: var(--text-color);
            line-height: 1.6;
            background-color: #f8f9fa;
            padding: 0;
            margin: 0;
        }
        
        .privacy-container {
            max-width: 900px;
            margin: 0 auto;
            padding: 30px;
            background-color: #fff;
            border-radius: var(--border-radius);
            box-shadow: var(--box-shadow);
        }
        
        .privacy-header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eaeaea;
            background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(44, 62, 80, 0.1));
            border-radius: var(--border-radius);
            padding: 25px;
        }
        
        .privacy-header h1 {
            color: var(--primary-color);
            font-weight: 700;
            font-size: 2.2rem;
            margin-bottom: 10px;
        }
        
        .privacy-header .company-logo {
            max-width: 120px;
            margin-bottom: 15px;
        }
        
        .privacy-header .privacy-meta {
            color: #6c757d;
            font-size: 0.9rem;
        }
        
        .privacy-header .lgpd-badge {
            display: inline-block;
            background-color: var(--secondary-color);
            color: white;
            font-size: 0.8rem;
            padding: 4px 12px;
            border-radius: 20px;
            margin-top: 10px;
            font-weight: 600;
        }
        
        .privacy-section {
            margin-bottom: 30px;
            animation: fadeIn 0.5s ease-out forwards;
            padding: 0 10px;
        }
        
        .privacy-section h2 {
            color: var(--primary-color);
            font-weight: 700;
            font-size: 1.4rem;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--secondary-color);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .privacy-section h2 i {
            margin-right: 10px;
            color: var(--secondary-color);
        }
        
        .privacy-section p {
            margin-bottom: 15px;
            font-size: 1rem;
        }
        
        .privacy-section ul {
            padding-left: 20px;
            margin-bottom: 20px;
        }
        
        .privacy-section ul li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 5px;
        }
        
        .privacy-section ul li strong {
            color: var(--primary-color);
        }
        
        .data-category {
            background-color: var(--light-bg);
            border-radius: var(--border-radius);
            padding: 20px;
            margin: 15px 0;
            border-left: 4px solid var(--secondary-color);
        }
        
        .data-category h3 {
            font-size: 1.1rem;
            color: var(--primary-color);
            margin-bottom: 15px;
            font-weight: 600;
        }
        
        .data-category ul {
            padding-left: 25px;
        }
        
        .data-category li {
            margin-bottom: 8px;
        }
        
        .legal-basis {
            display: flex;
            margin-bottom: 15px;
            padding: 15px;
            border-radius: var(--border-radius);
            background-color: white;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }
        
        .legal-basis-icon {
            flex: 0 0 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: var(--secondary-color);
            margin-right: 15px;
        }
        
        .legal-basis-content {
            flex: 1;
        }
        
        .legal-basis-content h4 {
            font-size: 1.1rem;
            margin-bottom: 5px;
            color: var(--primary-color);
        }
        
        .privacy-footer {
            text-align: center;
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid #eaeaea;
        }
        
        .btn-privacy {
            padding: 10px 25px;
            font-weight: 600;
            border-radius: var(--border-radius);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: var(--transition);
            font-size: 0.9rem;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, var(--secondary-color), #2980b9);
            border: none;
            box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 15px rgba(52, 152, 219, 0.4);
            background: linear-gradient(135deg, #3498db, #2272a5);
        }
        
        .btn-outline-secondary {
            border: 2px solid var(--secondary-color);
            color: var(--secondary-color);
            background: transparent;
        }
        
        .btn-outline-secondary:hover {
            background-color: var(--secondary-color);
            color: white;
            transform: translateY(-3px);
        }
        
        .privacy-navigation {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
            flex-wrap: wrap;
            gap: 5px;
        }
        
        .privacy-navigation .nav-item {
            margin: 0 3px;
        }
        
        .privacy-navigation .nav-link {
            font-weight: 600;
            color: var(--primary-color);
            border-radius: var(--border-radius);
            padding: 8px 12px;
            font-size: 0.85rem;
            transition: var(--transition);
            display: flex;
            align-items: center;
        }
        
        .privacy-navigation .nav-link i {
            margin-right: 5px;
        }
        
        .privacy-navigation .nav-link:hover {
            background-color: rgba(52, 152, 219, 0.1);
        }
        
        .privacy-navigation .nav-link.active {
            background-color: var(--secondary-color);
            color: white;
        }
        
        .contact-box {
            background-color: var(--light-bg);
            border-radius: var(--border-radius);
            padding: 20px;
            margin-top: 15px;
            display: flex;
            flex-wrap: wrap;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }
        
        .contact-item {
            flex: 1 0 50%;
            min-width: 250px;
            padding: 10px;
            display: flex;
            align-items: flex-start;
        }
        
        .contact-icon {
            color: var(--secondary-color);
            font-size: 1.2rem;
            margin-right: 10px;
            margin-top: 3px;
        }
        
        .contact-details h4 {
            font-size: 1rem;
            margin: 0 0 5px 0;
            color: var(--primary-color);
        }
        
        .contact-details p {
            margin: 0;
            font-size: 0.95rem;
        }
        
        /* Animações */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Print-friendly styles */
        @media print {
            .privacy-container {
                box-shadow: none;
                max-width: 100%;
                padding: 0;
            }
            
            .privacy-footer, .no-print {
                display: none;
            }
            
            .privacy-section {
                page-break-inside: avoid;
            }
            
            body {
                background-color: #fff;
                font-size: 12pt;
            }
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .privacy-container {
                padding: 20px;
                margin: 0;
                border-radius: 0;
            }
            
            .privacy-header h1 {
                font-size: 1.8rem;
            }
            
            .privacy-navigation {
                flex-wrap: wrap;
                justify-content: flex-start;
            }
            
            .privacy-navigation .nav-item {
                margin-bottom: 8px;
            }
            
            .contact-item {
                flex: 1 0 100%;
            }
        }
    </style>
</head>

<body>
    <div class="privacy-container">
        <div class="privacy-header">
            
            <h1>Política de Privacidade</h1>
            <p class="privacy-meta">
                <span><i class="fas fa-building me-1"></i><?php echo htmlspecialchars(NOME_EMPRESA); ?></span> &bull; 
                <span><i class="fas fa-calendar-alt me-1"></i>Última atualização: <?php echo date('d/m/Y'); ?></span>
            </p>
            <div class="lgpd-badge">
                <i class="fas fa-shield-alt me-1"></i> Em conformidade com a LGPD
            </div>
        </div>
        
        
        <nav class="privacy-navigation no-print">
            <div class="nav nav-pills">
                <div class="nav-item">
                    <a href="#intro" class="nav-link"><i class="fas fa-info-circle"></i> Introdução</a>
                </div>
                <div class="nav-item">
                    <a href="#data" class="nav-link"><i class="fas fa-database"></i> Dados</a>
                </div>
                <div class="nav-item">
                    <a href="#purposes" class="nav-link"><i class="fas fa-tasks"></i> Finalidades</a>
                </div>
                <div class="nav-item">
                    <a href="#sharing" class="nav-link"><i class="fas fa-share-alt"></i> Compartilhamento</a>
                </div>
                <div class="nav-item">
                    <a href="#security" class="nav-link"><i class="fas fa-lock"></i> Segurança</a>
                </div>
                <div class="nav-item">
                    <a href="#rights" class="nav-link"><i class="fas fa-user-shield"></i> Seus Direitos</a>
                </div>
                <div class="nav-item">
                    <a href="#contact" class="nav-link"><i class="fas fa-envelope"></i> Contato</a>
                </div>
            </div>
        </nav>
        
        
        <div id="intro" class="privacy-section">
            <p>A <strong><?php echo htmlspecialchars(NOME_EMPRESA); ?></strong>, inscrita no CNPJ sob o nº <?php echo htmlspecialchars(CNPJ_EMPRESA); ?>, com sede em <?php echo htmlspecialchars(ENDERECO_EMPRESA); ?>, <?php echo htmlspecialchars(CIDADE_EMPRESA); ?>-<?php echo htmlspecialchars(ESTADO_EMPRESA); ?>, está comprometida em proteger sua privacidade. Esta Política descreve como tratamos seus dados pessoais em conformidade com a Lei Geral de Proteção de Dados Pessoais (LGPD - Lei nº 13.709/2018), especialmente no contexto do <?php echo htmlspecialchars(NOME_PORTAL); ?> ("Portal") e do formulário de Pré-Cadastro.</p>
        </div>
        
        
        <div class="privacy-section">
            <h2><i class="fas fa-building"></i>1. Controlador de Dados</h2>
            <p>O controlador dos seus dados é a <?php echo htmlspecialchars(NOME_EMPRESA); ?>.</p>
        </div>
        
        
        <div id="data" class="privacy-section">
            <h2><i class="fas fa-database"></i>2. Dados Pessoais Coletados</h2>
            <p>Coletamos dados que você fornece diretamente (Pré-Cadastro, Meu Perfil, Solicitações, Chamados) e dados gerados durante o uso do Portal ou obtidos via integração com sistemas de gestão (SGP), tais como:</p>
            
            <div class="data-category">
                <h3><i class="fas fa-id-card me-2"></i>Dados de Identificação</h3>
                <ul>
                    <li>Nome completo</li>
                    <li>CPF/CNPJ</li>
                    <li>RG</li>
                    <li>Data de Nascimento</li>
                    <li>Razão Social (para pessoas jurídicas)</li>
                    <li>Nome Fantasia (para pessoas jurídicas)</li>
                </ul>
            </div>
            
            <div class="data-category">
                <h3><i class="fas fa-address-book me-2"></i>Dados de Contato</h3>
                <ul>
                    <li>Endereço de e-mail</li>
                    <li>Número de telefone/celular</li>
                </ul>
            </div>
            
            <div class="data-category">
                <h3><i class="fas fa-map-marker-alt me-2"></i>Dados de Endereço</h3>
                <ul>
                    <li>CEP</li>
                    <li>Logradouro</li>
                    <li>Número</li>
                    <li>Complemento</li>
                    <li>Bairro</li>
                    <li>Cidade</li>
                    <li>UF</li>
                </ul>
            </div>
            
            <div class="data-category">
                <h3><i class="fas fa-sign-in-alt me-2"></i>Dados de Acesso ao Portal</h3>
                <ul>
                    <li>CPF/CNPJ</li>
                    <li>Senha (armazenada em formato hash)</li>
                    <li>Logs de acesso (IP, data/hora, ações realizadas)</li>
                </ul>
            </div>
            
            <div class="data-category">
                <h3><i class="fas fa-wifi me-2"></i>Dados do Serviço Contratado</h3>
                <ul>
                    <li>ID do Contrato</li>
                    <li>ID do Cliente no SGP</li>
                    <li>Plano Contratado</li>
                    <li>Status do Contrato e da Conexão</li>
                    <li>Login/Senha de Serviço (se aplicável)</li>
                    <li>Histórico de Faturas e Notas Fiscais</li>
                    <li>Detalhes de Chamados Abertos</li>
                    <li>Equipamentos em Comodato</li>
                </ul>
            </div>
            
            <div class="data-category">
                <h3><i class="fas fa-cookie-bite me-2"></i>Cookies</h3>
                <ul>
                    <li>Cookies essenciais para funcionamento do portal</li>
                    <li>Cookies analíticos e de marketing (apenas com consentimento)</li>
                </ul>
            </div>
        </div>
        
        
        <div id="purposes" class="privacy-section">
            <h2><i class="fas fa-tasks"></i>3. Finalidade e Base Legal (LGPD)</h2>
            <p>Tratamos seus dados para as seguintes finalidades, de acordo com as bases legais estabelecidas pela LGPD:</p>
            
            <div class="legal-basis">
                <div class="legal-basis-icon">
                    <i class="fas fa-file-contract"></i>
                </div>
                <div class="legal-basis-content">
                    <h4>Execução de Contrato</h4>
                    <p>Fornecimento do serviço, gerenciamento da sua conta, processamento de pré-cadastro, atendimento a solicitações e chamados, emissão de cobranças e notas fiscais.</p>
                </div>
            </div>
            
            <div class="legal-basis">
                <div class="legal-basis-icon">
                    <i class="fas fa-balance-scale"></i>
                </div>
                <div class="legal-basis-content">
                    <h4>Cumprimento de Obrigação Legal</h4>
                    <p>Guarda de logs conforme Marco Civil da Internet, emissão de documentos fiscais, atendimento a ordens judiciais.</p>
                </div>
            </div>
            
            <div class="legal-basis">
                <div class="legal-basis-icon">
                    <i class="fas fa-clipboard-check"></i>
                </div>
                <div class="legal-basis-content">
                    <h4>Legítimo Interesse</h4>
                    <p>Melhorias no portal, prevenção de fraudes, comunicações sobre o serviço.</p>
                </div>
            </div>
            
            <div class="legal-basis">
                <div class="legal-basis-icon">
                    <i class="fas fa-check-circle"></i>
                </div>
                <div class="legal-basis-content">
                    <h4>Consentimento</h4>
                    <p>Para o pré-cadastro (aceite dos termos), envio de comunicações de marketing (com opção de opt-out), utilização de cookies não essenciais.</p>
                </div>
            </div>
        </div>
        
        
        <div id="sharing" class="privacy-section">
            <h2><i class="fas fa-share-alt"></i>4. Compartilhamento de Dados</h2>
            <p>Podemos compartilhar seus dados com:</p>
            <ul>
                <li><strong>Sistemas de Gestão (SGP):</strong> Para consulta e atualização de informações essenciais ao serviço e ao portal.</li>
                <li><strong>Prestadores de Serviço:</strong> Parceiros que nos auxiliam (hospedagem, análise, gateways de pagamento), sob sigilo e conformidade com a LGPD.</li>
                <li><strong>Autoridades:</strong> Se exigido por lei ou ordem judicial.</li>
            </ul>
            <p class="alert alert-info">
                <i class="fas fa-info-circle me-2"></i>Não vendemos seus dados pessoais a terceiros.
            </p>
        </div>
        
        
        <div id="security" class="privacy-section">
            <h2><i class="fas fa-lock"></i>5. Armazenamento e Segurança</h2>
            <p>Seus dados são armazenados em ambiente seguro com medidas técnicas e administrativas para protegê-los. São mantidos pelo tempo necessário para as finalidades descritas, cumprimento legal ou defesa em processos.</p>
            
            <div class="alert alert-secondary">
                <h5><i class="fas fa-shield-alt me-2"></i>Nossas medidas de segurança incluem:</h5>
                <ul class="mb-0">
                    <li>Criptografia de dados sensíveis</li>
                    <li>Senhas armazenadas em formato hash</li>
                    <li>Controle de acesso aos sistemas</li>
                    <li>Atualizações regulares de segurança</li>
                    <li>Treinamento da equipe sobre proteção de dados</li>
                </ul>
            </div>
        </div>
        
        
        <div id="rights" class="privacy-section">
            <h2><i class="fas fa-user-shield"></i>6. Seus Direitos como Titular (LGPD)</h2>
            <p>Conforme a LGPD, você tem os seguintes direitos em relação aos seus dados pessoais:</p>
            
            <div class="row">
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fas fa-search me-2"></i>Confirmação e Acesso</h5>
                            <p class="card-text">Confirmar a existência de tratamento e acessar seus dados.</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fas fa-edit me-2"></i>Correção</h5>
                            <p class="card-text">Solicitar a correção de dados incompletos ou desatualizados.</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fas fa-eye-slash me-2"></i>Anonimização/Bloqueio/Eliminação</h5>
                            <p class="card-text">Solicitar anonimização, bloqueio ou eliminação de dados desnecessários ou excessivos (sujeito a condições legais).</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fas fa-exchange-alt me-2"></i>Portabilidade</h5>
                            <p class="card-text">Solicitar a portabilidade dos dados para outro fornecedor de serviço.</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fas fa-info-circle me-2"></i>Informação</h5>
                            <p class="card-text">Ser informado sobre compartilhamento de dados e consequências de não fornecer consentimento.</p>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6 mb-3">
                    <div class="card h-100">
                        <div class="card-body">
                            <h5 class="card-title"><i class="fas fa-undo me-2"></i>Revogação do Consentimento</h5>
                            <p class="card-text">Revogar o consentimento a qualquer momento.</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <p class="alert alert-success mt-3">
                <i class="fas fa-info-circle me-2"></i>Para exercer seus direitos, entre em contato conosco pelos canais indicados na seção "Contato e Encarregado (DPO)".
            </p>
        </div>
        
        
        <div class="privacy-section">
            <h2><i class="fas fa-cookie-bite"></i>7. Cookies</h2>
            <p>Utilizamos cookies para melhorar sua experiência em nosso portal. Cookies são pequenos arquivos armazenados no seu navegador que nos ajudam a lembrar suas preferências e entender como você interage com nosso site.</p>
            
            <div class="alert alert-light">
                <h5><i class="fas fa-cookie me-2"></i>Tipos de cookies que utilizamos:</h5>
                <ul class="mb-0">
                    <li><strong>Cookies essenciais:</strong> Necessários para o funcionamento básico do portal e login.</li>
                    <li><strong>Cookies analíticos:</strong> Ajudam a melhorar o site, coletando informações sobre como é utilizado.</li>
                    <li><strong>Cookies de preferências:</strong> Lembram suas escolhas para melhorar sua experiência.</li>
                </ul>
            </div>
            
            <p>Você pode gerenciar as configurações de cookies através do seu navegador, incluindo a opção de recusar certos tipos de cookies.</p>
        </div>
        
        
        <div class="privacy-section">
            <h2><i class="fas fa-edit"></i>8. Alterações nesta Política</h2>
            <p>Podemos atualizar esta Política de Privacidade periodicamente. A versão mais recente estará sempre disponível no Portal. Alterações significativas serão comunicadas por meio dos canais apropriados.</p>
        </div>
        
        
        <div id="contact" class="privacy-section">
            <h2><i class="fas fa-envelope"></i>9. Contato e Encarregado (DPO)</h2>
            <p>Se você tiver dúvidas sobre privacidade ou quiser exercer seus direitos, entre em contato com nosso Encarregado pela Proteção de Dados (DPO):</p>
            
            <div class="contact-box">
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fas fa-user-tie"></i>
                    </div>
                    <div class="contact-details">
                        <h4>Encarregado (DPO)</h4>
                        <p><?php echo htmlspecialchars(NOME_DPO); ?></p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fas fa-envelope"></i>
                    </div>
                    <div class="contact-details">
                        <h4>Email para Contato (Privacidade)</h4>
                        <p><?php echo htmlspecialchars(EMAIL_DPO); ?></p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fas fa-building"></i>
                    </div>
                    <div class="contact-details">
                        <h4>Empresa</h4>
                        <p><?php echo htmlspecialchars(NOME_EMPRESA); ?></p>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fas fa-map-marker-alt"></i>
                    </div>
                    <div class="contact-details">
                        <h4>Endereço</h4>
                        <p><?php echo htmlspecialchars(ENDERECO_EMPRESA); ?></p>
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="privacy-footer no-print">
            <div class="d-flex justify-content-center gap-3">
                <button type="button" class="btn btn-privacy btn-outline-secondary" onclick="window.print()">
                    <i class="fas fa-print me-2"></i>Imprimir
                </button>
            </div>
        </div>
    </div>
    
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Scroll suave para âncoras
            document.querySelectorAll('.nav-link').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    e.preventDefault();
                    
                    // Remove active de todos
                    document.querySelectorAll('.nav-link').forEach(item => {
                        item.classList.remove('active');
                    });
                    
                    // Adiciona active ao clicado
                    this.classList.add('active');
                    
                    // Scroll suave
                    const targetId = this.getAttribute('href');
                    const targetElement = document.querySelector(targetId);
                    
                    if (targetElement) {
                        window.scrollTo({
                            top: targetElement.offsetTop - 100,
                            behavior: 'smooth'
                        });
                    }
                });
            });
            
            // Marcar seção ativa no scroll
            window.addEventListener('scroll', function() {
                const sections = document.querySelectorAll('.privacy-section[id]');
                let currentSection = '';
                
                sections.forEach(section => {
                    const sectionTop = section.offsetTop - 150;
                    const sectionHeight = section.offsetHeight;
                    
                    if (window.pageYOffset >= sectionTop && window.pageYOffset < sectionTop + sectionHeight) {
                        currentSection = '#' + section.getAttribute('id');
                    }
                });
                
                if (currentSection) {
                    document.querySelectorAll('.nav-link').forEach(link => {
                        link.classList.remove('active');
                        if (link.getAttribute('href') === currentSection) {
                            link.classList.add('active');
                        }
                    });
                }
            });
        });
    </script>
</body>

</html>