/* — GLOBAL STYLES (Financial / Cash Theme) — */
:root {
–primary: #006b3f; /* Money Green */
–accent: #d4af37; /* Gold */
–dark: #121212;
–gray: #f4f8f5;
–text: #333;
}

body { margin: 0; padding: 0; box-sizing: border-box; background: #fff; }

/* Main Container */
.lp-container {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
line-height: 1.8;
color: var(–text);
max-width: 880px;
margin: 20px auto;
padding: 0 15px;
overflow-x: hidden;
font-size: 19px;
}

/* IMAGE STYLE */
.lp-featured-img {
width: 100%;
max-width: 700px;
height: auto;
display: block;
margin: 40px auto;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0, 107, 63, 0.15);
border-bottom: 5px solid var(–accent);
}

/* HEADLINES */
.lp-h1 {
font-size: 2.8rem;
font-weight: 800;
line-height: 1.2;
color: var(–dark);
margin-bottom: 20px;
text-align: center;
letter-spacing: -1px;
}

.lp-meta {
text-align: center;
font-size: 14px;
color: #888;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 40px;
border-bottom: 2px solid #eee;
padding-bottom: 20px;
}

.lp-h2 {
font-size: 2rem;
font-weight: 700;
color: var(–primary);
margin-top: 50px;
margin-bottom: 20px;
border-left: 6px solid var(–accent);
padding-left: 20px;
}

.lp-p { margin-bottom: 25px; font-size: 1.05rem; }

/* CALLOUT BOXES */
.money-box {
background: #eafff2;
border: 1px solid var(–primary);
border-radius: 8px;
padding: 25px;
margin: 35px 0;
color: #004d2e;
font-size: 1em;
}

/* WEEKLY TABLE */
.schedule-table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-size: 0.9em;
}
.schedule-table th { background: var(–primary); color: #fff; padding: 10px; text-align: left; }
.schedule-table td { border-bottom: 1px solid #ddd; padding: 10px; }
.schedule-table tr:nth-child(even) { background: #f9f9f9; }

/* GIVEAWAY SECTION STYLES */
#sweeps-box {
margin-top: 80px;
background: #fff;
border: 4px solid var(–primary);
border-radius: 12px;
padding: 50px 20px;
box-shadow: 0 20px 60px rgba(0, 107, 63, 0.15);
text-align: center;
scroll-margin-top: 50px;
position: relative;
overflow: hidden;
}

#sweeps-box::before {
content: “”;
position: absolute; top:0; left:0; right:0; height: 12px;
background: repeating-linear-gradient(
45deg,
var(–primary),
var(–primary) 20px,
#00854e 20px,
#00854e 40px
);
}

#sweeps-box h3 {
font-size: 32px;
font-weight: 800;
color: var(–dark);
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}

/* PRIZE LIST inside box */
.prize-list {
text-align: left;
background: var(–gray);
padding: 25px;
border-radius: 8px;
margin: 30px auto;
max-width: 550px;
border: 1px solid #ddd;
}
.prize-item { display: flex; align-items: flex-start; margin-bottom: 12px; font-size: 18px; font-weight: 600; color: #444; }
.prize-icon { margin-right: 12px; color: var(–primary); font-size: 20px; min-width: 25px;}

/* TIMER */
#sweeps-timer {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 30px;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
#sweeps-timer .cell {
background: var(–dark);
border-radius: 6px;
padding: 10px;
color: #fff;
border-bottom: 3px solid var(–accent);
}
#sweeps-timer .num { font-size: 28px; font-weight: 700; line-height: 1; color: var(–accent); }
#sweeps-timer .lbl { font-size: 10px; text-transform: uppercase; margin-top: 5px; color: #ccc; }

/* ENTER BUTTON */
#final-enter {
display: block;
background: linear-gradient(180deg, #009e5f 0%, #006b3f 100%);
color: #fff;
font-size: 24px;
font-weight: 800;
padding: 22px 30px;
border-radius: 8px;
text-decoration: none;
margin: 40px auto;
max-width: 500px;
box-shadow: 0 10px 20px rgba(0, 107, 63, 0.3);
transition: transform 0.1s;
text-transform: uppercase;
letter-spacing: 1px;
animation: pulse 2s infinite;
}
#final-enter:active { transform: translateY(2px); }
#final-enter:hover { background: linear-gradient(180deg, #00b36b 0%, #00804b 100%); }

@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.02); }
100% { transform: scale(1); }
}

/* OVERLAY & POPUP */
#sweeps-overlay {
position: fixed; inset: 0; background: rgba(0, 0, 0, 0.95);
display: flex; align-items: center; justify-content: center;
z-index: 99999;
cursor: pointer;
}
#sweeps-overlay .box {
background: #fff;
border-top: 6px solid var(–accent);
border-radius: 8px;
padding: 40px;
width: 90%; max-width: 480px;
text-align: center;
cursor: default;
box-shadow: 0 0 50px rgba(212, 175, 55, 0.2);
}
#sweeps-start {
background: var(–primary); color: #fff;
font-size: 20px; font-weight: 800; border: none;
padding: 18px 40px; border-radius: 50px; cursor: pointer;
margin-top: 25px; width: 100%;
text-transform: uppercase;
box-shadow: 0 5px 15px rgba(0, 107, 63, 0.3);
transition: background 0.3s;
}
#sweeps-start:hover { background: #005230; }

/* Floating Popup Toast */
#sweeps-popup {
display: none; position: fixed; top: 50%; left: 50%;
transform: translate(-50%, -50%);
background: #fff; padding: 30px; border-radius: 12px;
box-shadow: 0 20px 50px rgba(0,0,0,0.5);
z-index: 9998; font-size: 24px; font-weight: 800;
color: var(–primary); text-align: center; border: 4px solid var(–accent);
width: 80%; max-width: 380px;
}

.close-hint { font-size: 12px; color: #888; margin-top: 20px; }

canvas#sweeps-confetti { position: fixed; inset: 0; pointer-events: none; z-index: 9997; display: none; }

document.addEventListener(“DOMContentLoaded”,()=>{
const overlay = document.getElementById(“sweeps-overlay”);
const startBtn = document.getElementById(“sweeps-start”);
const popup = document.getElementById(“sweeps-popup”);
const confetti = document.getElementById(“sweeps-confetti”);
const targetBox = document.getElementById(“sweeps-box”);
const overlayBox = overlay.querySelector(‘.box’);

// VARIABLES FOR STOPPING ANIMATION
let isScrolling = false;
let activeTimeouts = [];

// TIMER: Ends Feb 8, 2026 at 11:59PM ET (Grand Prize deadline)
// For daily urgency, you could change this to the end of the CURRENT week, but this is the final deadline.
const end = new Date(“2026-02-08T23:59:59-05:00”).getTime();

setInterval(()=>{
let t = end – Date.now(); if(t<0)t=0;
let d=Math.floor(t/86400000), h=Math.floor(t%86400000/3600000),
m=Math.floor(t%3600000/60000), s=Math.floor(t%60000/1000);
document.getElementById("d").innerText=d<10?"0"+d:d;
document.getElementById("h").innerText=h<10?"0"+h:h;
document.getElementById("m").innerText=m<10?"0"+m:m;
document.getElementById("s").innerText=s {
if (e.target === overlay) {
overlay.style.display = “none”;
}
});

overlayBox.addEventListener(“click”, (e) => {
e.stopPropagation();
});

// EMERGENCY STOP FUNCTION
function stopEverything() {
if (!isScrolling) return;
isScrolling = false;
activeTimeouts.forEach(id => clearTimeout(id));
activeTimeouts = [];
popup.style.display = “none”;
}

// LISTEN FOR USER INTERACTION TO STOP SCROLL
[‘mousedown’, ‘wheel’, ‘touchstart’].forEach(evt =>
window.addEventListener(evt, stopEverything, {passive: true})
);

// CONFETTI SCRIPT
function fireConfetti(){
const c=confetti, ctx=c.getContext(“2d”);
c.width=window.innerWidth; c.height=window.innerHeight; c.style.display=”block”;
let p=[];
for(let i=0;i{
ctx.fillStyle=part.color;
ctx.fillRect(part.x, part.y, 8, 4); /* Rectangular bills shape */
part.x+=part.vx; part.y+=part.vy; if(part.y>c.height) part.y=-10;
});
requestAnimationFrame(draw);
}
draw();
}

// START BUTTON CLICK
startBtn.addEventListener(“click”, ()=>{
overlay.style.display=”none”;
fireConfetti();
isScrolling = true;

// POPUP MESSAGES
const facts = [
“10 WEEKS OF WINNING!”,
“Weekly $100 Prizes”,
“Grand Prize: $500”,
“Enter Daily”,
“Visa Gift Cards 💳”,
“Good Luck!”
];

facts.forEach((txt, i) => {
let tId = setTimeout(() => {
if (!isScrolling) return;
popup.innerText = txt;
popup.style.display = “block”;
let hId = setTimeout(() => popup.style.display=”none”, 4500);
activeTimeouts.push(hId);
}, i * 5000);
activeTimeouts.push(tId);
});

// SLOW SCROLL
setTimeout(() => {
if (!isScrolling) return;
const startY = window.pageYOffset || document.documentElement.scrollTop;
const targetY = targetBox.getBoundingClientRect().top + startY – 20;
const distance = targetY – startY;

const duration = 30000;
let startTime = null;

function loop(currentTime) {
if (!isScrolling) return;
if (!startTime) startTime = currentTime;
const timeElapsed = currentTime – startTime;
const run = linearTween(timeElapsed, startY, distance, duration);
window.scrollTo(0, run);
if (timeElapsed < duration) requestAnimationFrame(loop);
}

function linearTween(t, b, c, d) {
return c * t / d + b;
}

requestAnimationFrame(loop);
}, 1500);
});
});