/* — GLOBAL THEME: BROOKS RUNNING (BLUE/NEON) — */
:root {
–primary: #0071BC; /* Brooks Blue */
–secondary: #0A0A0A; /* Performance Black */
–accent: #D1F200; /* Neon Volt/Green */
–dark: #111111;
–light: #F0F4F8;
–text: #333333;
–border: #e0e0e0;
}

body { margin: 0; padding: 0; box-sizing: border-box; background: #fff; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }

/* CONTAINER */
.lp-container {
max-width: 800px;
margin: 0 auto;
padding: 0 20px 60px 20px;
color: var(–text);
line-height: 1.8;
font-size: 19px;
}

/* TYPOGRAPHY */
h1 {
font-family: ‘Helvetica Neue’, sans-serif;
font-size: 2.5rem;
font-weight: 800;
color: var(–primary);
line-height: 1.1;
margin-top: 40px;
margin-bottom: 10px;
letter-spacing: -0.5px;
font-style: italic;
}

.meta {
font-size: 0.85rem;
color: #888;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 40px;
border-bottom: 2px solid var(–accent);
padding-bottom: 20px;
font-weight: 700;
}

h2 {
font-size: 1.8rem;
color: var(–secondary);
margin-top: 50px;
border-left: 8px solid var(–accent);
padding-left: 20px;
font-weight: 800;
font-style: italic;
}

p { margin-bottom: 25px; }

/* CALLOUTS */
.highlight-box {
background: var(–light);
color: var(–primary);
padding: 30px;
border-radius: 8px;
font-weight: bold;
font-size: 1.1em;
margin: 30px 0;
text-align: center;
border: 2px solid var(–primary);
box-shadow: 0 5px 15px rgba(0, 113, 188, 0.2);
}

ul { margin-bottom: 30px; }
li { margin-bottom: 12px; }

/* IMAGE PLACEHOLDER */
.featured-image {
width: 100%; height: auto;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
margin-bottom: 40px;
}

/* AD SLOT STYLING */
.ad-slot {
background: #f9f9f9;
border: 1px solid #eee;
text-align: center;
padding: 20px;
margin: 40px 0;
}

.button-ad-slot {
margin: 20px 0;
padding: 15px;
background: #fff;
border: 1px solid #eee;
text-align: center;
}

/* — SWEEPSTAKES SECTION — */
#sweeps-wrapper {
margin-top: 80px;
background: #fff;
border-radius: 15px;
box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
overflow: hidden;
position: relative;
text-align: center;
scroll-margin-top: 40px;
border: 2px solid var(–primary);
}

.sweeps-header {
background: linear-gradient(135deg, var(–primary) 0%, #005a9c 100%);
padding: 40px 20px;
color: white;
}

.sweeps-header h3 { margin: 0; font-size: 32px; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: var(–accent); font-style: italic; }
.sweeps-header p { margin: 15px 0 0 0; opacity: 1; font-size: 18px; font-weight: 700; }

.sweeps-body { padding: 40px 20px; background-color: #fff; }

/* PRIZES */
.prize-grid {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
text-align: left;
background: #fcfcfc;
padding: 30px;
border: 1px solid #e0e0e0;
max-width: 550px;
margin: 0 auto 30px auto;
border-radius: 10px;
}
.prize-row { display: flex; align-items: center; font-weight: 700; color: var(–secondary); font-size: 18px; }
.icon { margin-right: 15px; font-size: 24px; }
.val { color: var(–primary); font-weight: 800; margin-right: 5px; text-transform: uppercase; }

/* TIMER */
#countdown {
display: flex;
justify-content: center;
gap: 15px;
margin: 40px 0;
}
.time-box {
background: var(–secondary);
color: var(–accent);
padding: 15px;
border-radius: 8px;
min-width: 70px;
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.time-num { font-size: 32px; font-weight: 900; line-height: 1; display: block; }
.time-lbl { font-size: 10px; text-transform: uppercase; margin-top: 5px; color: #fff; font-weight: bold; }

/* BUTTON */
.enter-btn {
display: inline-block;
background: var(–accent);
color: var(–secondary);
font-size: 22px;
font-weight: 900;
text-decoration: none;
padding: 25px 40px;
border-radius: 50px;
transition: transform 0.2s, background 0.2s;
text-transform: uppercase;
letter-spacing: 1px;
width: 80%;
max-width: 450px;
box-shadow: 0 10px 20px rgba(209, 242, 0, 0.4);
font-style: italic;
}
.enter-btn:hover { transform: scale(1.02); background: #bada00; }

.legal-footer {
font-size: 11px;
color: #999;
margin-top: 40px;
line-height: 1.5;
text-align: left;
padding: 20px;
background: #f9f9f9;
border-top: 1px solid #eee;
}

/* — OVERLAY & INTERACTION — */
#overlay {
position: fixed; top:0; left:0; width:100%; height:100%;
background: linear-gradient(135deg, var(–primary) 0%, #005a9c 100%);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(5px);
}
.overlay-content {
background: #fff;
padding: 50px;
text-align: center;
max-width: 500px;
width: 90%;
border-radius: 15px;
box-shadow: 0 25px 50px rgba(0,0,0,0.3);
border-bottom: 6px solid var(–accent);
}
#start-btn {
background: var(–primary);
color: white;
border: none;
padding: 20px 40px;
font-size: 20px;
font-weight: 900;
cursor: pointer;
margin-top: 30px;
width: 100%;
text-transform: uppercase;
transition: transform 0.2s;
letter-spacing: 1px;
border-radius: 50px;
font-style: italic;
}
#start-btn:hover { transform: scale(1.02); background: #005a9c; }

/* TOAST POPUP */
#toast {
position: fixed;
top: 50%; /* MIDDLE OF SCREEN */
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border: 4px solid var(–accent);
padding: 40px 50px;
box-shadow: 0 40px 80px rgba(0,0,0,0.3);
font-weight: 900;
color: var(–secondary);
font-size: 32px;
z-index: 9998;
display: none;
text-align: center;
width: 80%;
max-width: 500px;
text-transform: uppercase;
border-radius: 12px;
font-style: italic;
}

canvas { position: fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:9990; display:none; }

ADVERTISEMENT

Get Paid To Run: Win A $3,900 Brooks Racecation & Gear Package

By Freebie Mom · Updated January 1, 2025 · Fitness · Travel

New Year’s resolutions usually cost money. Gym memberships, fancy equipment, and supplements drain the bank account. But this year, Brooks Running and Outside Inc. want to pay you to hit the pavement.

They have launched the “You vs The Year Challenge 2025,” and the grand prize is the ultimate runner’s dream: A $3,900 package that includes cash, travel, and enough gear to keep you running happy all year long.

THE GRAND PRIZE:
“A $2,000 cash check for travel, $700 for race entry fees, and a $500 Brooks Gift Card. Total Value: $3,900.”

1. What Is “You vs The Year”?

The concept is simple: Can you run (or walk/hike) 1,025 kilometers (approx. 637 miles) in 2025? If you log your workouts using the MapMyRun or MapMyFitness apps, you are entered to win.

Breaking it down, that is roughly 1.7 miles a day. It is completely achievable for consistent walkers and runners. But here is the best part: You don’t actually have to run the miles to enter the sweepstakes (keep reading for the secret Mail-In method!).

ADVERTISEMENT

2. The “Racecation” Prize Details

Winning this prize means your 2026 race calendar is fully funded. The prize is structured to give you flexibility:

• $2,000 Cash (Check): Use this for flights, hotels, or celebratory dinners. It’s cash, so you decide.
• $700 Race Entries: Cover the cost of a marathon or half-marathon for you AND a friend.
• $500 Brooks Gift Card: Stock up on the new Ghost or Adrenaline shoes plus apparel.

3. Two Ways To Enter

Method 1: The Fitness Route
Log into MapMyFitness, join the challenge, and log workouts. You need to hit the 1,025km badge to get your entry.

Method 2: The Mail-In Route (No Running Required!)
If you are injured or just not a runner, you can still win. Hand-print your name, address, DOB, email, and phone number on a piece of paper and mail it to the address listed in the rules below. This gets you an entry into the drawing without sweating a drop.

Ready to chase your goals? Enter below!

WIN A $3,900 RACECATION

Sponsored by Outside Inc. & Brooks

💰 Travel Cash: $2,000 Check

👟 Gear: $500 Brooks Card

🎟️ Race Fees: $700 Entry Coverage

Ends December 31st, 2025!

00

Days

00

Hrs

00

Min

00

Sec

SPONSORED

Quick Rules:

• Open to US & DC Residents.
• Must be 18+ to enter.
• Log 1,025km OR Mail-In Entry.

JOIN THE CHALLENGE

(Redirects to MapMyFitness Challenge Page)

SPONSORED

NO PURCHASE NECESSARY. Void where prohibited. Open to legal residents of the 50 US & DC, 18+. Ends 12/31/2025.

Sponsor: Outside, Inc.
Prize: $3,900 Racecation Package.
Winner Selection: Random Draw on or about January 16, 2026.
Mail-in entries must be received by 1/8/2026.

// CONFIGURATION
// End Date: Dec 31, 2025 23:59:59 CT (Adjusted to local)
const END_DATE = new Date(“Dec 31, 2025 23:59:59”).getTime();
const SCROLL_DURATION = 30000; // 30 Seconds Duration

// DOM ELEMENTS
const overlay = document.getElementById(‘overlay’);
const startBtn = document.getElementById(‘start-btn’);
const toast = document.getElementById(‘toast’);
const confettiCanvas = document.getElementById(‘confetti’);

// SCROLL TARGET: Footer
const targetSection = document.querySelector(‘.legal-footer’);

// STATE
let isScrolling = false;
let scrollTimeouts = [];

// — 1. COUNTDOWN TIMER —
function updateTimer() {
const now = new Date().getTime();
const distance = END_DATE – now;

if (distance < 0) {
document.getElementById("d").innerText = "00";
return;
}

const d = Math.floor(distance / (1000 * 60 * 60 * 24));
const h = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const m = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const s = Math.floor((distance % (1000 * 60)) / 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 clearTimeout(id));
scrollTimeouts = [];
console.log(“Auto-scroll stopped by user.”);
}
}

// Bind stop events
[‘wheel’, ‘touchmove’, ‘keydown’, ‘mousedown’].forEach(evt => {
window.addEventListener(evt, stopAutoScroll);
});

// Start Sequence
startBtn.addEventListener(‘click’, () => {
overlay.style.display = ‘none’;
isScrolling = true;
fireConfetti();

// Trigger Toasts (Specific to Brooks)
const messages = [
“Starting… 👟”,
“Win $2,000 Travel Cash! 💰”,
“Get Brooks Gear! 👕”,
“Ends Dec 31st! ⏳”,
“Entry Form Below 👇”
];

messages.forEach((msg, index) => {
let tId = setTimeout(() => {
if(isScrolling) showToast(msg);
}, (index * 5000) + 1000);
scrollTimeouts.push(tId);
});

// Start Scroll Loop
startSlowScroll();
});

function showToast(msg) {
toast.innerText = msg;
toast.style.display = ‘block’;
setTimeout(() => { toast.style.display = ‘none’; }, 3000);
}

// — 3. SCROLL LOGIC —
function startSlowScroll() {
const startY = window.scrollY;
// Scroll to Footer minus buffer
const endY = targetSection.getBoundingClientRect().top + window.scrollY – 50;
const change = endY – startY;
let startTime = null;

function animateScroll(timestamp) {
if (!isScrolling) return;
if (!startTime) startTime = timestamp;
const elapsed = timestamp – startTime;

// Linear tween
const val = (elapsed / SCROLL_DURATION) * change + startY;

window.scrollTo(0, val);

if (elapsed < SCROLL_DURATION) {
requestAnimationFrame(animateScroll);
} else {
isScrolling = false;
}
}
requestAnimationFrame(animateScroll);
}

// — 4. CONFETTI ANIMATION —
function fireConfetti() {
const ctx = confettiCanvas.getContext('2d');
confettiCanvas.style.display = 'block';
confettiCanvas.width = window.innerWidth;
confettiCanvas.height = window.innerHeight;

const particles = [];
const colors = ['#0071BC', '#D1F200', '#FFFFFF']; // Blue, Volt, White

for(let i=0; i {
ctx.fillStyle = p.c;
ctx.fillRect(p.x, p.y, 8, 8);
p.x += p.vx;
p.y += p.vy;
if(p.y < confettiCanvas.height) active = true;
});

if(active) requestAnimationFrame(draw);
else confettiCanvas.style.display = 'none';
}
draw();
}