:root {
–primary-dark: #333333;
–accent-neon-blue: #00ffff;
–secondary-neon-pink: #ff1493;
–bg-dark: #f5f5f5;
}

body {
font-family: ‘Georgia’, serif;
background-color: #f5f5f5;
color: #333333;
margin: 0;
padding: 0;
line-height: 1.6;
}

.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background: #ffffff;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* Progress Bar */
#progress-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: #e8e8e8;
z-index: 10000;
}
#progress-bar {
height: 100%;
width: 0%;
background: linear-gradient(to right, var(–accent-neon-blue), var(–secondary-neon-pink));
transition: width 0.1s;
}
#progress-text {
position: fixed;
top: 12px;
right: 20px;
background: rgba(255,255,255,0.95);
padding: 5px 15px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
z-index: 10000;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Modals & Popups */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
display: flex;
justify-content: center;
align-items: center;
z-index: 20000;
}
.modal-content {
background: #ffffff;
padding: 40px;
border-radius: 20px;
text-align: center;
max-width: 450px;
width: 90%;
border: 5px solid var(–secondary-neon-pink);
position: relative;
}
.btn-start {
background: linear-gradient(45deg, var(–accent-neon-blue), var(–secondary-neon-pink));
color: #333333;
border: none;
padding: 15px 40px;
font-size: 20px;
font-weight: bold;
border-radius: 50px;
cursor: pointer;
margin-top: 20px;
text-transform: uppercase;
box-shadow: 0 5px 15px rgba(0, 255, 255, 0.3);
}

/* UNRESTRICTED AD PLACEMENT */
ins.adsbygoogle {
margin: 40px auto !important;
display: block !important;
clear: both !important;
}

/* Content Sections */
.hero {
text-align: center;
padding: 40px 20px;
background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7));
background-size: cover;
border-bottom: 5px solid var(–secondary-neon-pink);
}
h1 { color: var(–primary-dark); font-size: 32px; }
.prize-box {
background: #f0f0f0;
border: 2px solid var(–primary-dark);
padding: 20px;
border-radius: 15px;
margin: 20px 0;
}

/* Spin Wheel */
#wheel-popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.85);
z-index: 99998;
}
#wheel-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
border-radius: 25px;
padding: 30px;
z-index: 99999;
text-align: center;
width: 90%;
max-width: 420px;
border: 5px solid var(–secondary-neon-pink);
}
#wheel-canvas {
width: 280px;
height: 280px;
border-radius: 50%;
border: 8px solid var(–secondary-neon-pink);
}

/* Sticky Ad */
#sticky-ad {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #ffffff;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
z-index: 9000;
display: none;
text-align: center;
padding: 10px 0;
}
#close-sticky {
position: absolute;
top: -20px;
right: 10px;
background: #e8e8e8;
color: #333333;
border: none;
border-radius: 50%;
width: 25px;
height: 25px;
cursor: pointer;
}

.cta-btn {
display: inline-block;
background: var(–primary-dark);
color: #333333;
padding: 20px 40px;
font-size: 22px;
font-weight: bold;
text-decoration: none;
border-radius: 50px;
margin: 10px 0;
box-shadow: 0 5px 15px rgba(0, 255, 255, 0.4);
cursor: pointer;
}

.teaser-box {
background: #e8e8e8;
border: 2px dashed var(–accent-neon-blue);
padding: 15px;
border-radius: 10px;
margin: 20px 0;
text-align: center;
font-weight: bold;
}

(function(){
var startBtn = document.getElementById(‘start-btn’);
var modal = document.getElementById(‘start-modal’);
var progressBar = document.getElementById(‘progress-bar’);
var progressText = document.getElementById(‘progress-text’);
// Sticky ad removed
var isScrolling = false;
var hasSpun = false;

startBtn.onclick = function() {
modal.style.display = ‘none’;
startAutoScroll();
};

function startAutoScroll() {
isScrolling = true;

// Start social proof pop-ups immediately
var socialProofInterval = setInterval(function() {
if (isScrolling) showSocialProof();
else clearInterval(socialProofInterval);
}, 3000 + Math.random() * 1000);

var duration = 15000; // 15 seconds – fast scroll
var start = window.scrollY;
var targetScroll = (document.documentElement.scrollHeight – window.innerHeight) * 0.88;
var startTime = Date.now();

var scrollInterval = setInterval(function() {
var elapsed = Date.now() – startTime;
var progress = Math.min(elapsed / duration, 1);
window.scrollTo(0, start + (targetScroll – start) * progress);

var scrollPercent = Math.round(progress * 100);
progressBar.style.width = scrollPercent + ‘%’;
progressText.innerText = scrollPercent + ‘% to entry’;

// Sticky ad removed

if (progress >= 1) {
clearInterval(scrollInterval);
isScrolling = false;
}
}, 50);
}

// SOCIAL PROOF POP-UPS
var names = [‘Sarah M.’, ‘James K.’, ‘Emma L.’, ‘Michael T.’, ‘Jessica R.’, ‘David P.’, ‘Lauren H.’, ‘Chris B.’, ‘Nicole W.’, ‘Ryan G.’, ‘Amanda S.’, ‘Kevin D.’, ‘Megan F.’, ‘Brandon J.’, ‘Ashley V.’, ‘Tyler C.’, ‘Brittany M.’, ‘Joshua N.’, ‘Samantha E.’, ‘Daniel A.’, ‘Kayla O.’, ‘Matthew Z.’, ‘Olivia X.’, ‘Andrew Q.’, ‘Sophia U.’, ‘Ethan I.’, ‘Isabella Y.’, ‘Mason L.’, ‘Ava K.’, ‘Logan J.’, ‘Mia H.’, ‘Liam G.’, ‘Charlotte F.’, ‘Benjamin E.’, ‘Amelia D.’, ‘Henry C.’, ‘Harper B.’, ‘Alexander A.’, ‘Evelyn W.’, ‘Jack V.’, ‘Abigail U.’, ‘Owen T.’, ‘Emily S.’, ‘Lucas R.’, ‘Elizabeth Q.’, ‘Aiden P.’, ‘Sofia O.’, ‘Mason N.’, ‘Ella M.’];
var facts = [‘🎉 3 Winners Total!’, ‘🎮 Meta Quest 3 + Game Key!’, ‘📅 Ends Jan 13, 2026’, ‘🌍 Open Worldwide’, ‘✅ No Purchase Necessary’, ‘⚡ Winner Selected by Random Draw’, ‘🎁 ARV $439 USD’, ‘🔫 Hard Bullet Giveaway’, ‘🕶️ VR Holiday Special’, ‘✨ Free Entry Available’];

function showSocialProof() {
if (isScrolling) {
var randomName = names[Math.floor(Math.random() * names.length)];
var randomFact = facts[Math.floor(Math.random() * facts.length)];
var message = Math.random() > 0.9 ? randomName + ‘ just entered!’ : randomFact;

var popup = document.createElement(‘div’);
popup.style.cssText = ‘position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff1493;color:#fff;padding:25px 40px;border-radius:15px;font-size:18px;font-weight:bold;z-index:9999;box-shadow:0 10px 40px rgba(255,20,147,0.6);animation:popIn 0.4s ease-out;’;
popup.innerText = message;
document.body.appendChild(popup);

setTimeout(function() {
popup.style.animation = ‘popOut 0.4s ease-out’;
setTimeout(function() { popup.remove(); }, 400);
}, 3000);
}
}

// Add CSS animations for pop-ups
var style = document.createElement(‘style’);
style.innerText = ‘@keyframes popIn { from { transform: translate(-50%, -50%) scale(0.5); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 1; } } @keyframes popOut { from { transform: translate(-50%, -50%) scale(1); opacity: 1; } to { transform: translate(-50%, -50%) scale(0.5); opacity: 0; } }’;
document.head.appendChild(style);

// TRIGGER WHEEL AFTER CLICKING ENTRY
document.getElementById(‘main-entry-link’).onclick = function() {
setTimeout(function() {
if(!hasSpun) {
document.getElementById(‘wheel-popup-overlay’).style.display=’block’;
document.getElementById(‘wheel-popup’).style.display=’block’;
}
}, 1500);
};

window.unlockWheel = function(){
var email = document.getElementById(‘spin-email’).value;
if(email.includes(‘@’) && email.includes(‘.’)){
document.getElementById(’email-gate’).style.display=’none’;
document.getElementById(‘wheel-area’).style.display=’block’;
drawWheel();
} else { alert(‘Please enter a valid email!’); }
};

var canvas = document.getElementById(‘wheel-canvas’);
var ctx = canvas.getContext(‘2d’);
var segments = [
{label:’+1 ENTRY’, color:’#ff69b4′}, {label:’+2 ENTRIES’, color:’#2e7d32′},
{label:’+3 ENTRIES’, color:’#daa520′}, {label:’2X ENTRIES’, color:’#ff69b4′},
{label:’+5 ENTRIES’, color:’#2e7d32′}, {label:’SPIN AGAIN’, color:’#daa520′},
{label:’+1 ENTRY’, color:’#ff69b4′}, {label:’+2 ENTRIES’, color:’#2e7d32′}
];

function drawWheel() {
var angle = 2 * Math.PI / segments.length;
segments.forEach(function(s, i){
ctx.beginPath(); ctx.fillStyle = s.color; ctx.moveTo(140,140);
ctx.arc(140,140,130,i*angle,(i+1)*angle); ctx.fill();
ctx.save(); ctx.translate(140,140); ctx.rotate(i*angle + angle/2);
ctx.fillStyle=’#fff’; ctx.font=’bold 14px Arial’; ctx.textAlign=’right’;
ctx.fillText(s.label, 120, 5); ctx.restore();
});
}

window.spinWheel = function(){
var spins = 5 + Math.random()*5;
var deg = spins * 360 + Math.random()*360;
canvas.style.transition = ‘transform 4s cubic-bezier(0.1, 0, 0.2, 1)’;
canvas.style.transform = ‘rotate(‘ + deg + ‘deg)’;
setTimeout(function(){
var actualDeg = deg % 360;
var winIdx = segments.length – 1 – Math.floor(actualDeg / (360/segments.length));
var win = segments[winIdx];
document.getElementById(‘result-title’).innerText = “🎉 ” + win.label + “!”;
document.getElementById(‘result-text’).innerText = “You’ve won ” + win.label + ” for today’s Amazon Gift Card drawing!”;
document.getElementById(‘spin-result’).style.display = ‘block’;
document.getElementById(‘spin-btn’).style.display = ‘none’;
fireConfetti();

var email = document.getElementById(‘spin-email’).value;
fetch(‘https://script.google.com/macros/s/AKfycbwRxpyK7Uu1oUh5_vV07vEtRT2qsbeFrBOCMvfwyWOCa6vF2U7_Od1Xj5pNq9hBuj_ZIw/exec’, {
method: ‘POST’,
mode: ‘no-cors’,
body: JSON.stringify({email: email, prize: win.label})
});
}, 4500);
};

window.closeWheel = function(){
document.getElementById(‘wheel-popup-overlay’).style.display=’none’;
document.getElementById(‘wheel-popup’).style.display=’none’;
hasSpun = true;
};

function fireConfetti(){
var c=document.getElementById(‘confetti-canvas’),x=c.getContext(‘2d’);
c.style.display=’block’;c.width=window.innerWidth;c.height=window.innerHeight;
var p=[];for(var i=0;i<100;i++)p.push({x:Math.random()*c.width,y:-20,vx:Math.random()*4-2,vy:Math.random()*3+2,c:['#ff69b4','#2e7d32','#daa520'][Math.floor(Math.random()*3)],s:Math.random()*8+4});
function d(){x.clearRect(0,0,c.width,c.height);var a=false;p.forEach(function(q){x.fillStyle=q.c;x.fillRect(q.x,q.y,q.s,q.s);q.x+=q.vx;q.y+=q.vy;q.vy+=0.1;if(q.y<c.height+50)a=true;});if(a)requestAnimationFrame(d);else c.style.display='none';}d();
}
})();