body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; line-height: 1.8; color: #444; max-width: 950px; margin: 0 auto; padding: 20px; background: #f4f7f6; }

:root {
–primary: #c0392b;
–secondary: #f39c12;
–dark: #2c1a1a;
–white: #ffffff;
–light: #fdf2f2;
}

h1 { font-family: ‘Segoe UI’, sans-serif; font-size: 38px; font-weight: 800; color: var(–dark); margin-bottom: 20px; line-height: 1.2; text-transform: uppercase; border-bottom: 4px solid var(–primary); padding-bottom: 15px; }
h2 { font-size: 28px; font-weight: 700; color: var(–primary); margin-top: 50px; margin-bottom: 20px; border-left: 6px solid var(–secondary); padding-left: 15px; background: #fff; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
h3 { font-size: 22px; font-weight: 600; color: var(–dark); margin-top: 35px; margin-bottom: 15px; }
p { margin-bottom: 20px; font-size: 18px; color: #555; }
li { margin-bottom: 10px; font-size: 18px; color: #555; }

.intro { font-size: 20px; font-weight: 500; color: var(–dark); background: var(–white); border: 1px solid #ddd; padding: 35px; margin: 40px 0; border-radius: 8px; border-top: 5px solid var(–primary); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }

.giveaway-container { margin: 60px auto; max-width: 800px; }
.countdown-box { background: var(–primary); border: 4px solid var(–primary); border-bottom: none; border-radius: 12px 12px 0 0; padding: 30px; text-align: center; color: var(–white); }
.countdown-title { color: var(–white); font-size: 32px; font-weight: 800; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 1px; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.countdown-subtitle { color: #fad7d3; font-size: 16px; margin: 0 0 25px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }

.countdown-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 550px; margin: 0 auto; }
.timer-cell { background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.3); border-radius: 6px; padding: 15px; color: var(–white); }
.timer-num { display: block; font-size: 42px; font-weight: 700; line-height: 1; font-family: ‘Arial Black’, sans-serif; }
.timer-label { display: block; font-size: 12px; text-transform: uppercase; margin-top: 10px; font-weight: 600; color: #fad7d3; }

.giveaway-box { background: #fff; border: 4px solid var(–primary); border-top: none; border-radius: 0 0 12px 12px; padding: 50px 40px; text-align: center; position: relative; box-shadow: 0 15px 40px rgba(192,57,43,0.15); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: var(–secondary); color: var(–dark); padding: 10px 40px; border-radius: 50px; font-size: 16px; font-weight: 800; text-transform: uppercase; box-shadow: 0 5px 15px rgba(0,0,0,0.1); border: 3px solid var(–white); white-space: nowrap; }

.giveaway-headline { font-size: 36px; font-weight: 800; margin: 30px 0 20px; color: var(–dark); text-transform: uppercase; letter-spacing: -0.5px; }
.giveaway-description { font-size: 20px; color: #666; margin: 0 auto 20px; line-height: 1.6; max-width: 650px; }

.enter-button { display: inline-block; background: var(–primary); color: var(–white); font-size: 24px; font-weight: 700; padding: 20px 60px; border-radius: 6px; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 0px #7b241c; transition: transform 0.1s, box-shadow 0.1s; text-transform: uppercase; letter-spacing: 1px; }
.enter-button:hover { transform: translateY(4px); box-shadow: 0 4px 0px #7b241c; }

.cheat-sheet { background: var(–light); border: 2px dashed var(–primary); padding: 20px; margin: 0 auto 20px; border-radius: 8px; max-width: 600px; }
.cs-title { display: block; font-weight: 800; color: var(–secondary); margin-bottom: 10px; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; }
.cs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 16px; color: var(–dark); text-align: left; }
.cs-grid div { background: #fff; padding: 8px 12px; border-radius: 4px; border: 1px solid #f5c6c0; }
.cs-grid strong { color: var(–primary); text-transform: uppercase; float: right; font-weight: 900; }
.cs-highlight { border: 2px solid var(–secondary) !important; background: #fff9c4 !important; }

.entry-section { background: var(–white); border: 2px solid var(–primary); border-radius: 12px; padding: 40px; margin-top: 60px; text-align: center; }
.entry-section h3 { color: var(–primary); font-size: 30px; font-weight: 800; margin: 0 0 30px; text-transform: uppercase; }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 60px; text-align: left; }
.recap-box { background: var(–light); border-top: 5px solid var(–secondary); padding: 25px; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.recap-box h4 { color: var(–primary); font-size: 18px; font-weight: 800; text-transform: uppercase; margin: 0 0 20px; letter-spacing: 1px; }
.recap-box dl { font-size: 16px; line-height: 1.8; margin: 0; }
.recap-box dt { font-weight: 700; color: #333; margin-top: 15px; text-transform: uppercase; font-size: 13px; }
.recap-box dd { margin: 0; color: #555; }

.ad-container { margin: 60px auto; text-align: center; max-width: 100%; overflow: hidden; border: 1px dashed #ccc; padding: 10px; background: #fff; }

.figure-container { margin: 50px auto; max-width: 800px; text-align: center; }
.figure-caption { font-size: 15px; color: #777; margin-top: 15px; font-style: italic; font-weight: 500; }

.product-card { display: flex; align-items: center; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 20px; margin-bottom: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.pc-icon { font-size: 40px; margin-right: 20px; color: var(–secondary); }
.pc-info { text-align: left; flex-grow: 1; }
.pc-title { font-weight: 800; color: var(–dark); font-size: 18px; display: block; }
.pc-desc { color: #666; font-size: 15px; }

.prize-image { width: 100%; max-width: 800px; border-radius: 12px; margin: 30px auto; display: block; box-shadow: 0 10px 30px rgba(0,0,0,0.15); }

.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin: 40px 0; }
.feature-card { background: #fff; border-radius: 10px; padding: 25px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.07); border-top: 4px solid var(–primary); }
.feature-card .icon { font-size: 40px; margin-bottom: 15px; display: block; }
.feature-card h4 { color: var(–dark); font-size: 18px; font-weight: 800; margin: 0 0 10px; }
.feature-card p { font-size: 15px; color: #666; margin: 0; }

.steps-list { counter-reset: steps; list-style: none; padding: 0; margin: 30px 0; }
.steps-list li { counter-increment: steps; display: flex; align-items: flex-start; margin-bottom: 20px; background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); border-left: 5px solid var(–primary); }
.steps-list li::before { content: counter(steps); background: var(–primary); color: #fff; font-weight: 800; font-size: 20px; min-width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20px; flex-shrink: 0; }

.data-table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 16px; }
.data-table th { background: var(–primary); color: #fff; padding: 14px 18px; text-align: left; font-weight: 700; text-transform: uppercase; font-size: 14px; }
.data-table td { padding: 12px 18px; border-bottom: 1px solid #e0e0e0; background: #fff; }
.data-table tr:nth-child(even) td { background: #fdf2f2; }
.data-table tr:hover td { background: var(–light); }
.current-row td { background: #fff9c4 !important; font-weight: 700; color: #333 !important; }

.faq-item { background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.faq-question { padding: 20px 25px; font-weight: 700; font-size: 17px; color: var(–dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-question:hover { background: var(–light); }
.faq-answer { display: none; padding: 0 25px 20px; font-size: 16px; color: #555; line-height: 1.7; border-top: 1px solid #eee; }
.faq-toggle { font-size: 22px; color: var(–primary); font-weight: 900; }

.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 40px; }
.related-card { background: #fff; border-radius: 10px; padding: 20px; box-shadow: 0 3px 12px rgba(0,0,0,0.08); border-left: 5px solid var(–secondary); text-decoration: none; color: inherit; display: block; transition: transform 0.2s; }
.related-card:hover { transform: translateY(-3px); }
.related-card h5 { color: var(–primary); font-size: 16px; font-weight: 800; margin: 0 0 8px; }
.related-card p { font-size: 14px; color: #777; margin: 0; }

.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 5px solid var(–primary); padding: 50px; font-size: 26px; font-weight: 800; color: var(–dark); text-align: center; z-index: 10000; box-shadow: 0 40px 100px rgba(0,0,0,0.2); max-width: 90%; width: 550px; border-radius: 12px; }

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 4px solid var(–secondary); padding: 40px 50px; text-align: center; z-index: 10001; box-shadow: 0 30px 80px rgba(0,0,0,0.1); max-width: 90%; width: 500px; border-radius: 12px; }
.skip-popup-title { font-size: 28px; font-weight: 800; color: var(–primary); margin: 0 0 20px; }
.skip-popup-text { font-size: 17px; color: #555; margin-bottom: 10px; }
.skip-yes-button { display: inline-block; background: var(–secondary); color: var(–dark); font-size: 20px; font-weight: 700; padding: 15px 40px; border-radius: 6px; border: none; cursor: pointer; margin-top: 20px; text-transform: uppercase; }

@media (max-width: 600px) {
h1 { font-size: 26px; }
h2 { font-size: 22px; }
.giveaway-headline { font-size: 26px; }
.enter-button { font-size: 18px; padding: 16px 30px; }
.timer-num { font-size: 32px; }
.cs-grid { grid-template-columns: 1fr; }
}

🍪 2026 Snackworks Monthly Sweepstakes: Win a Mondelēz Snack Basket — 11 Monthly Drawings!

Mondelēz — the company behind Oreo, Chips Ahoy!, Ritz, Wheat Thins, and more — is giving away a Mondelēz snack gift basket every single month in 2026! That’s 11 separate drawings, each with a $125 prize basket packed with your favorite snack brands. Enter free at Snackworks.com/monthlysweepstakes — once per day — through December 31, 2026.

The Prize: A Mondelēz Snack Basket Delivered to Your Door

Each monthly prize is a Mondelēz gift basket with an approximate retail value of $125. The basket is filled with a rotating selection of Mondelēz’s most beloved snack brands — the exact brands that have been stocking American pantries for decades. Think Oreo cookies, Chips Ahoy! chocolate chip cookies, Ritz crackers, Wheat Thins, belVita breakfast biscuits, Triscuit, Nutter Butter, and Honey Maid graham crackers.

How to Enter the Snackworks Monthly Sweepstakes

Entering is completely free and takes less than a minute. The key is to come back every day — each daily entry counts separately toward that month’s drawing!

1. Visit Snackworks.com/monthlysweepstakes: Head to the official entry page on your phone, tablet, or computer. No app download needed.
2. Register Your Account (First Time Only): New entrants must complete the registration form with your name, email address, phone number, mailing address, and date of birth. This only takes a couple of minutes.
3. Submit Your Daily Entry: After registering, return to the page each day and submit your email address to earn one entry for that day. A “day” runs from 12:00 AM ET to 11:59:59 PM ET.
4. Repeat Every Day: Unlike many sweepstakes, this one rewards daily participation. The more days you enter during a given entry period, the more entries you accumulate for that month’s drawing.
5. Watch Your Inbox: Winners are selected by random drawing after each monthly entry period ends. If you win, Mondelēz will contact you by email. Your snack basket will be mailed within 8–10 weeks!

Monthly Drawing Schedule — All 11 Entry Periods

There are 11 separate entry periods in 2026, each with its own random drawing. Entries do not carry over between periods, so make sure to enter every day during the currently open period!

About Mondelēz — The Snack Brand Behind the Basket

Mondelēz Global LLC is one of the world’s largest snack companies, with a portfolio of iconic brands that have been household names for generations. Based in East Hanover, New Jersey, Mondelēz is the company behind some of the most recognizable names in the snack aisle:

Frequently Asked Questions

More Sweepstakes You’ll Love

NO PURCHASE NECESSARY. Open to US residents 18+. Ends December 31, 2026 at 11:59 PM ET. Sponsored by Mondelēz Global LLC, 100 Deforest Ave, East Hanover, NJ 07936. This sweepstakes is not sponsored by or associated with any social media platform. See full rules at Snackworks.com/monthlysweepstakes.

let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“December 31, 2026 23:59:59 EST”).getTime();

function updateCountdown() {
const now = new Date().getTime();
const distance = endDate – now;
if (distance < 0) {
document.getElementById("days").textContent = "00";
document.getElementById("hours").textContent = "00";
document.getElementById("minutes").textContent = "00";
document.getElementById("seconds").textContent = "00";
return;
}
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("days").textContent = String(days).padStart(2, "0");
document.getElementById("hours").textContent = String(hours).padStart(2, "0");
document.getElementById("minutes").textContent = String(minutes).padStart(2, "0");
document.getElementById("seconds").textContent = String(seconds).padStart(2, "0");
}
setInterval(updateCountdown, 1000);
updateCountdown();

function slowScrollToEntry() {
const entrySection = document.getElementById("entry-section");
const startPosition = window.pageYOffset;
const targetPosition = entrySection.offsetTop – 50;
const distance = targetPosition – startPosition;
const duration = 35000;
let startTime = null;
isScrolling = true;

function animation(currentTime) {
if (!isScrolling) return;
if (startTime === null) startTime = currentTime;
const timeElapsed = currentTime – startTime;
const progress = Math.min(timeElapsed / duration, 1);
window.scrollTo(0, startPosition + distance * progress);
if (timeElapsed < duration) {
scrollAnimationId = requestAnimationFrame(animation);
} else {
window.scrollTo(0, targetPosition);
}
}
scrollAnimationId = requestAnimationFrame(animation);

const schedule = [3000, 6000, 9000, 12000, 15000, 21000, 24000, 27000, 30000, 33000];
schedule.forEach(function(time, index) {
popupTimers.push(setTimeout(function() { showPopup("popup" + (index + 1)); }, time));
});

popupTimers.push(setTimeout(function() { showSkipPopup(targetPosition); }, 18000));
}

function showPopup(id) {
const popup = document.getElementById(id);
if (popup) {
popup.style.display = "block";
setTimeout(function() { popup.style.display = "none"; }, 2500);
}
}

function showSkipPopup(targetPosition) {
if (!isScrolling) return;
const skipPopup = document.getElementById("skip-popup");
skipPopup.style.display = "block";
const autoHide = setTimeout(function() { skipPopup.style.display = "none"; }, 5000);
document.getElementById("skip-yes-btn").onclick = function() {
clearTimeout(autoHide);
skipPopup.style.display = "none";
isScrolling = false;
if (scrollAnimationId) cancelAnimationFrame(scrollAnimationId);
popupTimers.forEach(function(t) { clearTimeout(t); });
document.querySelectorAll('.popup-message').forEach(function(p) { p.style.display = 'none'; });
window.scrollTo({ top: targetPosition, behavior: 'smooth' });
};
}

function toggleFaq(el) {
const answer = el.nextElementSibling;
const toggle = el.querySelector('.faq-toggle');
if (answer.style.display === "block") {
answer.style.display = "none";
toggle.textContent = "+";
} else {
answer.style.display = "block";
toggle.textContent = "−";
}
}

document.getElementById("top-enter-button").addEventListener("click", function(e) {
e.preventDefault();
slowScrollToEntry();
});