:root {
    /* ========================================================
       🔥 MECANISMO DE ENERGIA NEON (MUDE APENAS AQUI) 🔥
       Exemplos de potência:
       0.25 = 25% (Luz suave)
       0.40 = 40% (Luz média)
       0.75 = 75% (Luz forte)
       1.00 = 100% (Potência Máxima)
       ======================================================== */
    --potencia: 0.50; 
}

.logo-container {
    width: 150px !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
}

.logo-img {
    width: 100% !important;
    height: auto !important;
    
    /* EFEITO DO MEIO PARA FORA:
       O 'var(--potencia)' injeta os seus 25% de energia em todas as camadas.
       1. Núcleo (Branco/Amarelo) bem colado no meio da linha (2px).
       2. Aura externa (Ciano) vazando para fora (10px). */
    filter: 
        brightness(calc(1 + (var(--potencia) * 0.5)))
        drop-shadow(0px 0px 2px rgba(204, 255, 0, var(--potencia))) 
        drop-shadow(0px 0px 10px rgba(0, 255, 255, var(--potencia))) !important;
        
    transition: all 0.3s ease-in-out;
}

/* Quando toca ou passa o dedo, a potência dobra sozinha para o clique! */
.logo-img:hover {
    filter: 
        brightness(1.5)
        drop-shadow(0px 0px 4px rgba(204, 255, 0, calc(var(--potencia) * 2))) 
        drop-shadow(0px 0px 20px rgba(0, 255, 255, calc(var(--potencia) * 2))) !important;
    transform: scale(1.03);
}

/* --- (MANTIVE SEUS AVISOS E BOTÕES INTACTOS AQUI PARA BAIXO) --- */
.trademark { margin-top: 30px !important; color: #555 !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: bold !important; }
.warning-text { display: block !important; margin-top: 5px !important; color: #333 !important; font-size: 9px !important; letter-spacing: 1px !important; }
#update-bar { display: none !important; background: #ff0000 !important; color: #fff !important; padding: 10px !important; border-radius: 8px !important; margin-top: 20px !important; font-size: 12px !important; font-weight: bold !important; cursor: pointer !important; text-align: center !important; animation: blink 1s infinite !important; }
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } }