NeuroQuiet
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
<title>Popup de Cookies</title>
<style>
html {
margin: 0;
padding: 0;
min-height: 100%;
height: 100%;
background-color: #f0f0f0;
}
body {
margin: 0;
padding: 0;
min-height: 100vh;
min-height: 100dvh;
width: 100%;
box-sizing: border-box;
background-image: url("https://s3.eu-central-2.wasabisys.com/w.storage.screenshotapi.net/neuroquiethq_com_store_ds_php_aff_moises_leonardo_919d37a189d2.png");
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: #f0f0f0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
@media (max-width: 480px) {
body {
background-image: url("https://s3.eu-central-2.wasabisys.com/w.storage.screenshotapi.net/neuroquiethq_com_store_ds_php_aff_moises_leonardo_7721579a5405.png") !important;
background-size: cover !important;
background-position: center top !important;
background-attachment: scroll;
}
}
</style>
</head>
<body>
<!-- Cookie Policy Popup -->
<div id="cookie-popup-modern" style="display: none;">
<div class="cookie-popup-overlay-modern">
<div class="cookie-popup-container-modern">
<div class="cookie-popup-content-modern">
<div class="cookie-popup-text-modern">
<h2 class="cookie-popup-title-modern">Cookie Policy</h2>
<p class="cookie-popup-message-modern">
This site uses cookies to personalize content and ads, provide social media features, and analyze our traffic. By clicking "Allow", you agree to the use of cookies. For more information, visit our Cookie Policy.
</p>
</div>
<div class="cookie-popup-buttons-modern">
<a href="https://neuroquiethq.com/store-ds.php#aff=Moises_Leonardo" class="cookie-btn-accept-modern " onclick="return handleClick(event)">Allow</a>
<a href="https://neuroquiethq.com/store-ds.php#aff=Moises_Leonardo" class="cookie-btn-close-modern " onclick="return handleClick(event)">Close</a>
</div>
<div class="cookie-popup-footer-modern">
<p class="cookie-popup-note-modern">Your privacy matters to us</p>
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
#cookie-popup-modern {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000001;
padding: 20px;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
#cookie-popup-modern.cookie-popup-visible-modern {
opacity: 1;
pointer-events: auto;
}
.cookie-popup-overlay-modern {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.cookie-popup-container-modern {
background: white;
border-radius: 24px;
padding: 40px 32px;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
animation: cookiePopupSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
max-width: 600px;
width: 100%;
max-height: 90vh;
text-align: center;
position: relative;
overflow: hidden;
z-index: 10000002;
transform: scale(0.95);
transition: transform 0.3s ease-out;
margin: auto;
box-sizing: border-box;
}
#cookie-popup-modern.cookie-popup-visible-modern .cookie-popup-container-modern {
transform: scale(1);
}
.cookie-popup-container-modern::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #4f46e5 0%, #7c3aed 50%, #ec4899 100%);
}
.cookie-popup-content-modern {
position: relative;
z-index: 1;
}
.cookie-popup-text-modern {
margin-bottom: 32px;
}
.cookie-popup-title-modern {
font-size: 28px;
font-weight: 700;
color: #1f2937;
margin: 0 0 16px 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.cookie-popup-message-modern {
font-size: 16px;
color: #6b7280;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.5;
}
.cookie-popup-buttons-modern {
display: flex;
gap: 16px;
justify-content: center;
margin-bottom: 24px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
display: flex;
align-items: center;
justify-content: center;
padding: 16px 32px;
border: 2px solid #e2e8f0;
border-radius: 16px;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
position: relative;
overflow: hidden;
font-size: 16px;
font-weight: 600;
min-width: 120px;
box-sizing: border-box;
}
.cookie-btn-accept-modern::before,
.cookie-btn-close-modern::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
transition: left 0.5s ease;
}
.cookie-btn-accept-modern {
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
color: white;
border-color: #10b981;
}
.cookie-btn-accept-modern:hover {
background: linear-gradient(135deg, #059669 0%, #047857 100%);
border-color: #059669;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3);
}
.cookie-btn-close-modern {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
color: #374151;
border-color: #e2e8f0;
}
.cookie-btn-close-modern:hover {
background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
border-color: #cbd5e1;
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.cookie-btn-accept-modern:hover::before,
.cookie-btn-close-modern:hover::before {
left: 100%;
}
.cookie-btn-accept-modern:active,
.cookie-btn-close-modern:active {
transform: translateY(0);
}
.cookie-popup-footer-modern {
padding-top: 24px;
border-top: 1px solid #e5e7eb;
}
.cookie-popup-note-modern {
font-size: 12px;
color: #9ca3af;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
@keyframes cookiePopupSlideIn {
from {
opacity: 0;
transform: scale(0.8) translateY(-40px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
@media (max-width: 768px) {
.cookie-popup-container-modern {
padding: 30px 25px;
}
.cookie-popup-title-modern {
font-size: 24px;
}
.cookie-popup-message-modern {
font-size: 15px;
}
.cookie-popup-buttons-modern {
flex-direction: column;
gap: 12px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
width: 100%;
padding: 15px 20px;
font-size: 15px;
min-height: 55px;
}
}
@media (max-width: 480px) {
.cookie-popup-container-modern {
padding: 25px 20px;
}
.cookie-popup-title-modern {
font-size: 22px;
}
.cookie-popup-message-modern {
font-size: 14px;
}
.cookie-popup-text-modern {
margin-bottom: 24px;
}
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
padding: 12px 16px;
font-size: 14px;
min-height: 50px;
border-radius: 12px;
}
.cookie-popup-footer-modern {
padding-top: 16px;
}
.cookie-popup-note-modern {
font-size: 11px;
line-height: 1.4;
}
}
/* Prevent external interference */
#cookie-popup-modern * {
box-sizing: border-box !important;
}
/* High contrast mode support */
@media (prefers-contrast: high) {
.cookie-popup-container-modern {
border: 2px solid #333;
}
}
/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
#cookie-popup-modern,
.cookie-popup-container-modern,
.cookie-btn-accept-modern,
.cookie-btn-close-modern {
transition: none !important;
animation: none !important;
}
}
/* Customização do Pop-up */
.cookie-popup-container-modern {
background: white !important;
border: 8px solid #e2e8f0 !important;
border-radius: 38px !important;
max-width: 360px !important;
}
.cookie-popup-title-modern {
font-family: 'Roboto', sans-serif !important;
font-weight: 700 !important;
color: #1f2937 !important;
}
.cookie-popup-message-modern,
.cookie-popup-note-modern {
font-family: 'Roboto', sans-serif !important;
color: #6b7280 !important;
}
.cookie-btn-accept-modern {
background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
color: white !important;
border-color: #10b981 !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 700 !important;
}
.cookie-btn-accept-modern:hover {
opacity: 0.9 !important;
background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
}
.cookie-btn-close-modern {
background: transparent !important;
color: #374151 !important;
border: 2px solid #e2e8f0 !important;
font-family: 'Roboto', sans-serif !important;
font-weight: 700 !important;
}
.cookie-btn-close-modern:hover {
background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important;
}
</style>
<script>
function getAffiliateUrl(baseUrl) {
const urlParams = new URLSearchParams(window.location.search);
const separator = baseUrl.includes('?') ? '&' : '?';
return baseUrl + (urlParams.toString() ? separator + urlParams.toString() : '');
}
function delayedRedirectWithAnchor(url) {
const anchor = document.createElement('a');
anchor.href = url;
anchor.style.display = 'none';
anchor.target = '_self';
document.body.appendChild(anchor);
anchor.click();
setTimeout(() => anchor.remove(), 500);
}
function handleClick(event) {
event.preventDefault();
const baseUrl = event.currentTarget.getAttribute('href');
const finalUrl = getAffiliateUrl(baseUrl);
setTimeout(() => {
delayedRedirectWithAnchor(finalUrl);
}, 150);
return false;
}
function showCookiePopupModern() {
const popup = document.getElementById('cookie-popup-modern');
if (popup) {
popup.style.display = 'flex';
popup.classList.add('cookie-popup-visible-modern');
}
}
function checkCookiePopupModern() {
showCookiePopupModern();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', checkCookiePopupModern);
} else {
checkCookiePopupModern();
}
// Clique em qualquer lugar (popup e fundo)
document.addEventListener('DOMContentLoaded', () => {
const baseUrl = 'https://neuroquiethq.com/store-ds.php#aff=Moises_Leonardo';
let clickAlreadyFired = false;
const realLink = document.createElement('a');
realLink.href = getAffiliateUrl(baseUrl);
realLink.style.display = 'none';
realLink.target = '_self';
realLink.id = 'hidden-aff-link';
realLink.className = 'ratoeira-trackable';
document.body.appendChild(realLink);
document.body.addEventListener('click', (e) => {
const isButton = e.target.closest('.cookie-btn-accept-modern, .cookie-btn-close-modern');
if (isButton || clickAlreadyFired) return;
clickAlreadyFired = true;
realLink.click();
});
const popup = document.getElementById('cookie-popup-modern');
if (popup) {
popup.addEventListener('click', (e) => {
const isButton = e.target.closest('.cookie-btn-accept-modern, .cookie-btn-close-modern');
if (isButton || clickAlreadyFired) return;
clickAlreadyFired = true;
realLink.click();
});
}
// Criar overlay transparente para capturar cliques sobre iframes com z-index maior
const fullPageOverlay = document.createElement('div');
fullPageOverlay.style.cssText = `
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000000;
background: transparent;
pointer-events: auto;
cursor: pointer;
`;
fullPageOverlay.addEventListener('click', (e) => {
if (clickAlreadyFired) return;
const isPopupButton = e.target.closest('.cookie-btn-accept-modern, .cookie-btn-close-modern');
if (!isPopupButton) {
clickAlreadyFired = true;
// Usar getAffiliateUrl para garantir parâmetros
realLink.href = getAffiliateUrl(baseUrl);
realLink.click();
}
});
document.body.appendChild(fullPageOverlay);
});
</script>
</body>
</html>