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: #f5f2ec; }

:root {
–primary: #c0392b;
–accent: #e74c3c;
–gold: #f39c12;
–dark: #111;
–white: #ffffff;
–light: #fff8f0;
}

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(–accent); padding-bottom: 15px; }
h2 { font-size: 28px; font-weight: 700; color: var(–accent); margin-top: 50px; margin-bottom: 20px; border-left: 6px solid var(–gold); 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(–accent); 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(–accent); 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; }
.countdown-subtitle { color: #ffd; 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(243,156,18,0.2); border: 1px solid var(–gold); 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; color: var(–gold); }
.timer-label { display: block; font-size: 12px; text-transform: uppercase; margin-top: 10px; font-weight: 600; color: #ffd; }

.giveaway-box { background: #fff; border: 4px solid var(–accent); border-top: none; border-radius: 0 0 12px 12px; padding: 50px 40px; text-align: center; position: relative; box-shadow: 0 15px 40px rgba(231,76,60,0.15); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: var(–gold); 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(–accent); 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 #922b21; 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 #922b21; }

.cheat-sheet { background: var(–light); border: 2px dashed var(–accent); padding: 20px; margin: 0 auto 20px; border-radius: 8px; max-width: 600px; }
.cs-title { display: block; font-weight: 800; color: var(–accent); 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 #f5c6a0; }
.cs-grid strong { color: var(–accent); text-transform: uppercase; float: right; font-weight: 900; }
.cs-highlight { border: 2px solid var(–gold) !important; background: #fff9e0 !important; }

.entry-section { background: var(–white); border: 2px solid var(–accent); border-radius: 12px; padding: 40px; margin-top: 60px; text-align: center; }
.entry-section h3 { color: var(–accent); 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(–gold); padding: 25px; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.recap-box h4 { color: var(–accent); 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: 40px auto; text-align: center; max-width: 100%; overflow: hidden; }

.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(–accent); }
.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(–accent); }
.steps-list li::before { content: counter(steps); background: var(–accent); 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: var(–light); }
.data-table tr:hover td { background: #fef3d0; }

.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(–accent); 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(–gold); text-decoration: none; color: inherit; display: block; transition: transform 0.2s; }
.related-card:hover { transform: translateY(-3px); }
.related-card h5 { color: var(–accent); 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(–accent); 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(–gold); 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(–accent); margin: 0 0 20px; }
.skip-popup-text { font-size: 17px; color: #555; margin-bottom: 10px; }
.skip-yes-button { display: inline-block; background: var(–gold); 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; }

.loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #c0392b; z-index: 99999; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; text-align: center; padding: 30px; box-sizing: border-box; }
.loading-spinner { width: 70px; height: 70px; border: 6px solid rgba(255,255,255,0.2); border-top: 6px solid #f39c12; border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: 30px; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.loading-title { font-size: 28px; font-weight: 800; color: #f39c12; margin: 0 0 15px; text-transform: uppercase; letter-spacing: 1px; }
.loading-subtitle { font-size: 18px; color: #ffd; margin: 0; line-height: 1.5; }
.loading-dots::after { content: ”; animation: dots 1.5s steps(3, end) infinite; }
@keyframes dots { 0%, 20% { content: ‘.’; } 40% { content: ‘..’; } 60%, 100% { content: ‘…’; } }

@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; }
}

🍬 Sparkling Ice LIFE SAVERS Flavor to the Rescue: Win $30,000 Grand Prize + 50 Swag Packs!

Sparkling Ice and LIFE SAVERS have teamed up for the Flavor to the Rescue Promotion — and the prizes are wild! The Contest Grand Prize is worth $30,000: Flavor Flav will personally show up and rescue you from the most mundane task in your life. Plus, 50 Sweepstakes winners each get a Sparkling Ice LIFE SAVERS swag pack including a branded cooler, megaphone, stickers, pool tube, and all 4 new LIFE SAVERS flavors ($120 ARV each). Enter free at FlavorToTheRescue.com. Ends June 1, 2026.

The Prizes: $30,000 Grand Prize + 50 Swag Packs

This promotion has two ways to win. The Contest Grand Prize ($30,000 ARV) is unlike anything else — Flavor Flav will personally participate in rescuing the winner from whatever mundane task they described in their essay. The 50 Sweepstakes Prizes ($120 ARV each) are fun swag packs packed with Sparkling Ice LIFE SAVERS goodies. Total prize pool: $36,000.

How to Enter the Flavor to the Rescue Promotion

Entry requires a short essay (up to 1,500 characters) describing how Flavor Flav could rescue you from a mundane task. Entries submitted before May 10, 2026 are eligible for BOTH the Contest Grand Prize AND the Sweepstakes. Entries after May 10 are Sweepstakes-only. Here’s exactly what to do:

1. Visit FlavorToTheRescue.com: Go to the official entry website on your phone or computer. The promotion runs April 27 through June 1, 2026. Enter before May 10 to be eligible for the $30,000 Grand Prize!
2. Complete the Entry Form: Fill in your full name, valid email address, complete home address (no P.O. Boxes), phone number, and date of birth. All fields are required.
3. Write Your Essay: In 1,500 characters or fewer, describe how Flavor Flav could rescue you from a mundane task. Judging is based on relevance to the theme (40%), creativity (20%), and feasibility of the rescue location (40%).
4. Submit Your Entry: Review and submit. You’ll receive a confirmation email. Remember: only ONE entry per person for the entire promotion period — make it count!
5. Wait for Results: Contest winner is selected during the Judging Period (May 11–21, 2026). Sweepstakes drawing is on or about June 2, 2026. Winners are notified by email — respond within 2 days for the Grand Prize!

Promotion Details at a Glance

About Sparkling Ice LIFE SAVERS

Sparkling Ice has partnered with LIFE SAVERS to create four brand-new sparkling water flavors inspired by the iconic LIFE SAVERS candy — Cherry, Watermelon, Orange, and Grape. These zero-sugar, fruit-flavored sparkling waters bring the nostalgic taste of LIFE SAVERS to a refreshing beverage format. The Flavor to the Rescue campaign celebrates the idea that great flavor can rescue anyone from even the most boring moments in life — and Flavor Flav is the perfect hype man for the job.

Frequently Asked Questions

More Sweepstakes You’ll Love

NO PURCHASE NECESSARY. Must be 18 years of age or older. Open to legal residents of the 50 United States. Begins April 27, 2026 at 9:00 AM ET; ends June 1, 2026 at 11:59 PM ET. Sponsored by Talking Rain Beverage Company, Inc. See full rules at FlavorToTheRescue.com.

let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“June 1, 2026 23:59:59 EDT”).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 = "−";
}
}

// Loading overlay — show for 3 seconds on page load
window.addEventListener('load', function() {
const overlay = document.getElementById('loading-overlay');
if (overlay) {
setTimeout(function() {
overlay.style.transition = 'opacity 0.6s ease';
overlay.style.opacity = '0';
setTimeout(function() { overlay.style.display = 'none'; }, 600);
}, 3000);
}
});

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