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: #1a4a2e;
–accent: #2e8b57;
–gold: #f0c040;
–dark: #111;
–white: #ffffff;
–light: #f0faf4;
}

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: #1a4a2e; border: 4px solid #2e8b57; border-bottom: none; border-radius: 12px 12px 0 0; padding: 30px; text-align: center; color: #ffffff; }
.countdown-title { color: #ffffff; font-size: 32px; font-weight: 800; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 1px; }
.countdown-subtitle { color: #ccc; 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(46,139,87,0.2); border: 1px solid #2e8b57; border-radius: 6px; padding: 15px; color: #ffffff; }
.timer-num { display: block; font-size: 42px; font-weight: 700; line-height: 1; font-family: ‘Arial Black’, sans-serif; color: #f0c040; }
.timer-label { display: block; font-size: 12px; text-transform: uppercase; margin-top: 10px; font-weight: 600; color: #ccc; }

.giveaway-box { background: #fff; border: 4px solid #2e8b57; border-top: none; border-radius: 0 0 12px 12px; padding: 50px 40px; text-align: center; position: relative; box-shadow: 0 15px 40px rgba(46,139,87,0.15); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: #f0c040; color: #111; 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 #ffffff; white-space: nowrap; }

.giveaway-headline { font-size: 36px; font-weight: 800; margin: 30px 0 20px; color: #111; 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: #2e8b57; color: #ffffff; font-size: 24px; font-weight: 700; padding: 20px 60px; border-radius: 6px; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 0px #1a5c38; 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 #1a5c38; }

.cheat-sheet { background: #f0faf4; border: 2px dashed #2e8b57; padding: 20px; margin: 0 auto 20px; border-radius: 8px; max-width: 600px; }
.cs-title { display: block; font-weight: 800; color: #2e8b57; 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: #111; text-align: left; }
.cs-grid div { background: #fff; padding: 8px 12px; border-radius: 4px; border: 1px solid #b8dfc8; }
.cs-grid strong { color: #2e8b57; text-transform: uppercase; float: right; font-weight: 900; }
.cs-highlight { border: 2px solid #f0c040 !important; background: #fff9e0 !important; }

.entry-section { background: #ffffff; border: 2px solid #2e8b57; border-radius: 12px; padding: 40px; margin-top: 60px; text-align: center; }
.entry-section h3 { color: #2e8b57; 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: #f0faf4; border-top: 5px solid #f0c040; padding: 25px; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.recap-box h4 { color: #2e8b57; 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 #2e8b57; }
.feature-card .icon { font-size: 40px; margin-bottom: 15px; display: block; }
.feature-card h4 { color: #111; 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 #2e8b57; }
.steps-list li::before { content: counter(steps); background: #2e8b57; 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: #1a4a2e; 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: #f0faf4; }
.data-table tr:hover td { background: #e0f5ea; }

.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: #111; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-question:hover { background: #f0faf4; }
.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: #2e8b57; 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 #f0c040; text-decoration: none; color: inherit; display: block; transition: transform 0.2s; }
.related-card:hover { transform: translateY(-3px); }
.related-card h5 { color: #2e8b57; 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: #ffffff; border: 5px solid #2e8b57; padding: 50px; font-size: 26px; font-weight: 800; color: #111; 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: #ffffff; border: 4px solid #f0c040; 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: #2e8b57; margin: 0 0 20px; }
.skip-popup-text { font-size: 17px; color: #555; margin-bottom: 10px; }
.skip-yes-button { display: inline-block; background: #f0c040; color: #111; 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: #1a4a2e; 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 #f0c040; 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: #f0c040; margin: 0 0 15px; text-transform: uppercase; letter-spacing: 1px; }
.loading-subtitle { font-size: 18px; color: #ccc; 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; }
}

🍵 Pure Leaf Mental Focus Sweepstakes: 200 Winners Each Get a Brick + Focus Bundle!

Pure Leaf and PepsiCo are giving away 200 prize packages in the Pure Leaf Mental Focus Sweepstakes — each winner gets a Brick device (temporarily removes distracting apps from your phone), a mental focus dock, and two cans of Pure Leaf Mental Focus sparkling tea ($163 ARV each, $32,600 total). Enter once free at PureLeafMentalFocus.com. Ends May 4, 2026. Must be 18+ to enter.

The Prize: Brick + Mental Focus Bundle ($163 ARV)

Each of the 200 winners receives a sponsor-selected prize package worth $163 ARV, including three items designed to help you focus and unwind. The Brick is a physical device that temporarily removes distracting apps and notifications from your phone — you place your phone on it and your chosen apps are blocked until you’re ready. The mental focus dock keeps your Brick and phone organized at your desk. And the two cans of Pure Leaf Mental Focus sparkling tea are brewed from real tea leaves with ingredients chosen to support mental clarity. All items ship directly to the address you provide at registration, approximately 6–8 weeks after the sweepstakes ends.

How to Enter the Pure Leaf Mental Focus Sweepstakes

Entry is simple — just one form, one time. Here’s exactly what to do:

1. Visit the Official Entry Page: Go to PureLeafMentalFocus.com on your phone or computer. The entry form is right on the homepage.
2. Complete the Entry Form: Fill in your name, valid email address, and any other required fields. Read and agree to the official rules before submitting.
3. Submit Your Entry: Click submit to complete your entry. You are limited to one (1) entry per person for the entire sweepstakes period. Duplicate entries will be disqualified.
4. Wait for the Drawing: Winners will be selected in a random drawing on or about May 7, 2026. If you win, you’ll be notified by email — watch your inbox (and spam folder)!
5. Claim Your Prize: Follow the instructions in your winner notification email. Your Brick + Focus Bundle will ship to the address you provided approximately 6–8 weeks after the sweepstakes ends.

Sweepstakes Details at a Glance

About Pure Leaf Mental Focus

Pure Leaf Mental Focus is a sparkling real brewed tea from the Pepsi-Lipton Tea Partnership, crafted with ingredients chosen to support mental clarity and focus. Unlike energy drinks loaded with synthetic stimulants, Pure Leaf Mental Focus is built on a foundation of real brewed tea — the same quality you’d expect from the Pure Leaf brand. The Brick partnership brings a unique twist: this sweepstakes isn’t just about drinking tea, it’s about building better focus habits. The Brick device physically removes the temptation of social media and distracting apps, giving you a real-world tool to pair with your mental focus routine.

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 and DC. Begins April 28, 2026 at 9:00 AM ET; ends May 4, 2026 at 11:59 PM ET. Sponsored by Pepsi-Lipton Tea Partnership, under the authority of Pepsi-Cola Company, 700 Anderson Hill Road, Purchase, NY 10577. See full rules at PureLeafMentalFocus.com.

let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“May 4, 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();
});