body { font-family: ‘Open Sans’, ‘Helvetica Neue’, Arial, sans-serif; line-height: 1.8; color: #444; max-width: 880px; margin: 0 auto; padding: 20px; background: #f9fff9; }

/* Healthy Eating Theme */
:root {
–primary: #6ab04c; /* Avocado Green */
–secondary: #badc58; /* Light Lime */
–accent: #f0932b; /* Carrot Orange */
–text: #2d3436;
–white: #ffffff;
–light: #dff9fb;
}

h1 { font-size: 34px; font-weight: 800; color: var(–text); margin-bottom: 10px; line-height: 1.2; letter-spacing: -0.5px; }
h2 { font-size: 26px; font-weight: 700; color: var(–primary); margin-top: 40px; margin-bottom: 16px; border-bottom: 4px solid var(–accent); display: inline-block; padding-bottom: 5px; }
h3 { font-size: 22px; font-weight: 700; color: #555; margin-top: 30px; margin-bottom: 12px; }
p { margin-bottom: 18px; font-size: 17px; color: #555; }

.intro { font-size: 19px; font-weight: 500; color: #2d3436; background: #fff; border: 2px solid var(–primary); padding: 25px; margin: 30px 0; border-radius: 20px; box-shadow: 0 4px 10px rgba(106, 176, 76, 0.1); }

/* The Bait Widget */
.giveaway-container { margin: 40px auto; max-width: 880px; }
.countdown-box { background: var(–primary); border: 2px solid var(–primary); border-bottom: none; border-radius: 20px 20px 0 0; padding: 20px; text-align: center; color: #fff; }
.countdown-title { color: #fff; font-size: 24px; font-weight: 900; text-transform: uppercase; margin: 0 0 8px; letter-spacing: 1px; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); }
.countdown-subtitle { color: #e3f2fd; font-size: 14px; margin: 0 0 20px; font-weight: 700; text-transform: uppercase; }

.countdown-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 450px; margin: 0 auto; }
.timer-cell { background: rgba(255,255,255,0.2); border-radius: 10px; padding: 10px; color: #fff; backdrop-filter: blur(5px); }
.timer-num { display: block; font-size: 32px; font-weight: 900; line-height: 1; font-family: ‘Arial Black’, sans-serif; }
.timer-label { display: block; font-size: 10px; text-transform: uppercase; margin-top: 5px; font-weight: 600; color: #fff; opacity: 0.9; }

.giveaway-box { background: #fff; border: 2px solid var(–primary); border-top: none; border-radius: 0 0 20px 20px; padding: 40px 30px; text-align: center; position: relative; box-shadow: 0 15px 35px rgba(106, 176, 76, 0.15); }
.giveaway-badge { position: absolute; top: -15px; right: 20px; background: var(–accent); color: #fff; padding: 8px 30px; border-radius: 30px; font-size: 14px; font-weight: 900; text-transform: uppercase; box-shadow: 0 4px 12px rgba(0,0,0,0.2); border: 3px solid #fff; white-space: nowrap; }

.giveaway-headline { font-size: 32px; font-weight: 900; margin: 20px 0 15px; color: var(–primary); text-transform: uppercase; }
.giveaway-description { font-size: 18px; color: #7f8c8d; margin: 0 auto 30px; line-height: 1.5; max-width: 650px; }

.enter-button { display: inline-block; background: var(–primary); color: #fff; font-size: 22px; font-weight: 900; padding: 18px 60px; border-radius: 50px; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 20px rgba(106, 176, 76, 0.3); transition: transform 0.2s; text-transform: uppercase; letter-spacing: 1px; }
.enter-button:hover { transform: translateY(-3px); background: #558b3d; }

/* Popups */
.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 4px solid var(–primary); padding: 30px 40px; font-size: 22px; font-weight: 800; color: var(–text); text-align: center; z-index: 10000; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); max-width: 90%; width: 450px; border-radius: 20px; }

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 4px solid var(–accent); padding: 35px 45px; text-align: center; z-index: 10001; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); max-width: 90%; width: 500px; border-radius: 20px; }
.skip-popup-title { font-size: 26px; font-weight: 900; color: var(–primary); margin: 0 0 15px; }
.skip-yes-button { display: inline-block; background: var(–primary); color: #fff; font-size: 20px; font-weight: 900; padding: 15px 40px; border-radius: 50px; border: none; cursor: pointer; margin-top: 15px; text-transform: uppercase; }

/* Entry Section */
.entry-section { background: #fff; border: 2px solid var(–primary); border-radius: 20px; padding: 30px; margin-top: 40px; text-align: center; }
.entry-section h3 { color: var(–primary); font-size: 28px; font-weight: 900; margin: 0 0 25px; text-transform: uppercase; }

.final-enter-button { display: block; background: linear-gradient(to right, var(–primary), var(–secondary)); color: #fff; font-size: 24px; font-weight: 900; padding: 25px; border-radius: 50px; text-decoration: none; margin: 25px auto; max-width: 450px; box-shadow: 0 10px 25px rgba(106, 176, 76, 0.3); transition: transform 0.2s; text-transform: uppercase; }
.final-enter-button:hover { transform: scale(1.02); }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; text-align: left; }
.recap-box { background: #f0fff0; border-top: 4px solid var(–primary); padding: 20px; border-radius: 8px; }
.recap-box h4 { color: var(–primary); font-size: 16px; font-weight: 900; text-transform: uppercase; margin: 0 0 15px; letter-spacing: 1px; }
.recap-box dl { font-size: 14px; line-height: 1.6; margin: 0; }
.recap-box dt { font-weight: 700; color: #000; margin-top: 8px; }
.recap-box dd { margin: 0; color: #555; }

/* Raw Ad Spacing */
ins.adsbygoogle { margin: 30px 0; }

/* CSS FIGURES */
.figure-container { margin: 30px auto; max-width: 600px; text-align: center; }
.figure-caption { font-size: 14px; color: #7f8c8d; margin-top: 10px; font-style: italic; font-weight: 600; }

/* FIGURE 1: COST BAR CHART */
.cost-chart { display: flex; align-items: flex-end; justify-content: center; gap: 40px; height: 180px; background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #ccc; }
.bar-group { display: flex; flex-direction: column; align-items: center; width: 80px; }
.bar { width: 50px; border-radius: 6px 6px 0 0; position: relative; transition: height 1s; }
.b-rest { height: 160px; background: #ff6b6b; } /* Restaurant */
.b-kit { height: 100px; background: #feca57; } /* Meal Kit */
.b-groc { height: 50px; background: #6ab04c; } /* Grocery */
.bar-val { position: absolute; top: -25px; width: 100%; text-align: center; font-size: 12px; font-weight: bold; color: #333; }
.bar-label { margin-top: 10px; font-size: 12px; font-weight: bold; text-align: center; line-height: 1.2; }

/* FIGURE 2: PLATE DIAGRAM */
.plate { width: 200px; height: 200px; background: #fff; border-radius: 50%; border: 4px solid #ddd; margin: 0 auto; position: relative; overflow: hidden; }
.p-veg { position: absolute; width: 50%; height: 100%; background: #6ab04c; left: 0; top: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; font-size: 12px; }
.p-prot { position: absolute; width: 50%; height: 50%; background: #ff9f43; right: 0; top: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; font-size: 12px; }
.p-carb { position: absolute; width: 50%; height: 50%; background: #feca57; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; font-size: 12px; }

🥗 The Busy Person’s Guide to Healthy Eating: Meal Kits vs. Grocery Shopping

Maintaining a healthy diet in a fast-paced world is a challenge. Between work, family, and social commitments, cooking often takes a backseat to convenience. EatingWell is making it easier by giving away $2,500 Cash to one lucky winner. While you enter to win, let’s explore how to use that money to revolutionize your diet.

The Economics of Dinner

Is cooking at home actually cheaper? Data shows that the average restaurant meal costs over $20 per person. A meal kit service (like HelloFresh or Blue Apron) averages $10-$12 per serving. Cooking from scratch using grocery store ingredients averages just $4-$6 per serving. While groceries are the cheapest option, meal kits offer a middle ground that saves time without the restaurant price tag.

Using a $2,500 windfall could fund a premium meal delivery subscription for nearly a year, automating your nutrition and saving you hundreds of hours in shopping and prep time.

The Perfect Plate Ratio

Whether you cook or order in, the key to weight management and energy is the “Perfect Plate” method. Instead of counting calories, focus on volume. Fill half your plate with non-starchy vegetables (greens, peppers, broccoli), one quarter with lean protein, and one quarter with complex carbohydrates.

This simple visual guide ensures you get enough fiber to stay full while managing insulin levels, which is crucial for long-term health.

Investing in Kitchen Tech

If you win the $2,500 prize, consider investing in high-quality kitchen appliances. An Air Fryer allows you to enjoy crispy textures with 80% less oil. A high-speed blender makes green smoothies a 2-minute breakfast. A reliable slow cooker or Instant Pot means dinner is ready when you walk in the door.

The Hidden Cost of “Cheap” Food

Processed food is cheap at the register but expensive at the doctor’s office. A diet high in ultra-processed foods is linked to increased risks of heart disease, diabetes, and obesity. Viewing your grocery budget as an investment in your future health—rather than just an expense—shifts your mindset.

Conclusion: Spin to Win Your Health Back

Healthy eating doesn’t have to be complicated or expensive. By prioritizing whole foods and utilizing smart tools like the EatingWell Dinner Spinner, you can take the guesswork out of mealtime. And with a $2,500 prize on the line, your healthy lifestyle could get a massive jumpstart.

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“March 9, 2026 23:59:59 EST”).getTime();

// Countdown
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();

// Scroll Logic – SPEEDED UP to 35 seconds
function slowScrollToEntry() {
const entrySection = document.getElementById("entry-section");
const startPosition = window.pageYOffset;
const targetPosition = entrySection.offsetTop – 50;
const distance = targetPosition – startPosition;
const duration = 35000; // 35 Seconds
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 {
popupTimers.push(setTimeout(() => showPopup(`popup${index + 1}`), time));
});

// Skip Popup at 18 seconds
popupTimers.push(setTimeout(() => showSkipPopup(targetPosition), 18000));
}

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

function showSkipPopup(targetPosition) {
if (!isScrolling) return;
const skipPopup = document.getElementById(“skip-popup”);
skipPopup.style.display = “block”;
const autoHide = setTimeout(() => { 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(t => clearTimeout(t));
document.querySelectorAll(‘.popup-message’).forEach(p => p.style.display = ‘none’);
window.scrollTo({ top: targetPosition, behavior: ‘smooth’ });
};
}

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