body { font-family: ‘Inter’, system-ui, -apple-system, sans-serif; line-height: 1.6; color: #111; max-width: 1000px; margin: 0 auto; padding: 20px; background: #ffffff; }

/* Beast / Whatnot Light Theme */
:root {
–primary: #00f0ff; /* Electric Cyan */
–secondary: #ff0055; /* Shock Pink */
–accent: #f4d03f; /* Gold/Yellow */
–dark: #121212;
–light-bg: #f4f4f4;
–text: #222;
}

h1 { font-family: ‘Arial Black’, sans-serif; font-size: 42px; font-weight: 900; color: #000; margin-bottom: 20px; line-height: 1.0; letter-spacing: -2px; text-transform: uppercase; text-shadow: 3px 3px 0px var(–primary); }
h2 { font-size: 30px; font-weight: 800; color: #000; margin-top: 50px; margin-bottom: 25px; border-left: 8px solid var(–secondary); padding-left: 20px; background: var(–light-bg); padding-top: 15px; padding-bottom: 15px; border-radius: 0 8px 8px 0; }
h3 { font-size: 24px; font-weight: 700; color: var(–secondary); margin-top: 40px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }
p { margin-bottom: 20px; font-size: 18px; color: #444; }
li { margin-bottom: 15px; font-size: 18px; color: #444; }

.intro { font-size: 20px; font-weight: 700; color: #000; background: var(–primary); border: 4px solid #000; padding: 30px; margin: 40px 0; border-radius: 0; box-shadow: 8px 8px 0px var(–secondary); transform: rotate(-1deg); }

/* The Bait Widget */
.giveaway-container { margin: 60px auto; max-width: 900px; }
.countdown-box { background: #000; border: 4px solid #000; border-bottom: none; border-radius: 16px 16px 0 0; padding: 30px; text-align: center; color: var(–white); }
.countdown-title { color: var(–primary); font-size: 32px; font-weight: 900; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 2px; font-style: italic; }
.countdown-subtitle { color: #fff; font-size: 16px; margin: 0 0 25px; font-weight: 800; text-transform: uppercase; background: var(–secondary); display: inline-block; padding: 5px 15px; transform: skew(-10deg); }

.countdown-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 600px; margin: 0 auto; }
.timer-cell { background: #fff; border: 4px solid #000; border-radius: 8px; padding: 15px; color: #000; box-shadow: 4px 4px 0px #000; }
.timer-num { display: block; font-size: 40px; font-weight: 900; line-height: 1; font-family: ‘Arial Black’, sans-serif; color: #000; }
.timer-label { display: block; font-size: 11px; text-transform: uppercase; margin-top: 10px; font-weight: 700; color: #555; }

.giveaway-box { background: #fff; border: 4px solid #000; border-top: none; border-radius: 0 0 16px 16px; padding: 50px 40px; text-align: center; position: relative; box-shadow: 0 20px 40px rgba(0,0,0,0.1); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: var(–accent); color: #000; padding: 12px 40px; border-radius: 0; font-size: 18px; font-weight: 900; text-transform: uppercase; box-shadow: 4px 4px 0px #000; border: 3px solid #000; white-space: nowrap; transform: rotate(2deg); }

.giveaway-headline { font-size: 38px; font-weight: 900; margin: 30px 0 20px; color: #000; text-transform: uppercase; letter-spacing: -1px; }
.giveaway-description { font-size: 20px; color: #555; margin: 0 auto 40px; line-height: 1.6; max-width: 750px; }

.enter-button { display: inline-block; background: var(–secondary); color: #fff; font-size: 26px; font-weight: 900; padding: 25px 60px; border-radius: 12px; text-decoration: none; border: 3px solid #000; cursor: pointer; box-shadow: 6px 6px 0px #000; transition: transform 0.1s; text-transform: uppercase; letter-spacing: 1px; width: 100%; box-sizing: border-box; animation: pulse 2s infinite; }
.enter-button:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0px #000; }

@keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } }

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

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 60px; text-align: left; }
.recap-box { background: #fff; border: 2px solid #000; border-top: 8px solid var(–primary); padding: 25px; border-radius: 8px; box-shadow: 5px 5px 0px #eee; }
.recap-box h4 { color: #000; font-size: 18px; font-weight: 900; 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: #555; margin-top: 15px; text-transform: uppercase; font-size: 13px; }
.recap-box dd { margin: 0; color: #000; font-weight: bold; }

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

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

/* FIGURE 1: Prize Vault */
.prize-vault { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; background: #fff; padding: 20px; border: 3px solid #000; border-radius: 8px; }
.vault-item { background: #f9f9f9; border: 1px solid #ddd; padding: 15px; border-radius: 4px; text-align: center; }
.vi-title { color: #000; font-weight: 900; font-size: 14px; text-transform: uppercase; display: block; margin-bottom: 5px; }
.vi-val { color: var(–secondary); font-weight: bold; font-size: 18px; }

/* FIGURE 2: Schedule */
.schedule-line { display: flex; flex-direction: column; gap: 2px; }
.sl-event { display: flex; justify-content: space-between; background: #fff; padding: 15px; border: 1px solid #ddd; border-left: 6px solid var(–primary); }
.sl-time { color: #000; font-weight: bold; font-family: monospace; }
.sl-desc { color: #555; font-weight: bold; }

/* Popups */
.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 4px solid #000; padding: 50px; font-size: 28px; font-weight: 800; color: #000; text-align: center; z-index: 10000; box-shadow: 10px 10px 0px rgba(0,0,0,0.2); max-width: 90%; width: 600px; border-radius: 16px; }

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 4px solid var(–secondary); padding: 40px 50px; text-align: center; z-index: 10001; box-shadow: 0 20px 50px rgba(0,0,0,0.15); max-width: 90%; width: 550px; border-radius: 12px; }
.skip-popup-title { font-size: 30px; font-weight: 900; color: var(–secondary); margin: 0 0 20px; }
.skip-yes-button { display: inline-block; background: #000; color: #fff; font-size: 22px; font-weight: 900; padding: 18px 50px; border-radius: 6px; border: none; cursor: pointer; margin-top: 20px; text-transform: uppercase; }

⚡ LIVE: MrBeast x Whatnot $1M+ Giveaway | Entry Guide & Prize List

MrBeast is hosting the biggest giveaway in Whatnot history with over $1.2 Million Dollars in prizes. The “Countdown Show” is happening RIGHT NOW, but the Main Event with the biggest prizes happens on Sunday. Read below for the exact schedule.

The Official Schedule (Don’t Miss It)

You are right to check the time! While the app has a “Countdown Stream” running right now with smaller prizes, the MrBeast Main Event is officially scheduled for Sunday, Feb 8th at 1:00 PM ET. This is when the heavy hitters (Lambo, Gold, Rolex) will drop.

How To Enter (Step-by-Step)

This is not a standard sweepstakes form. To win, you must be active on the Whatnot App platform.

1. Download & Register: You must create a free account on the Whatnot App. Use the button above to get up to $200 free credit when you sign up.
2. Find the Stream: Search for user “mrbeast” in the app and click on the ‘Users’ tab.
3. Tune In Live: The event runs continuously until February 8th. You must be present in the livestream to be eligible for drawings.
4. Follow Instructions: When a prize is announced, specific instructions will appear on screen. You must follow them for each prize drawing.

The Prize Vault: What Can You Win?

MrBeast is known for going big, and this is no exception. The total prize pool exceeds $1.25 Million Dollars. Here are the heavy hitters you need to know about.

In addition to these “Grail” items, there are hundreds of smaller prizes, including 200 Cash Prizes ($1,000 each), 50 iPhone 17 Pros, and 5 PlayStation 5 consoles.

Important Rules & Eligibility

Before you enter, make sure you qualify. This contest is strictly regulated due to the high value of the prizes.

• Age: You must be 18+ and the age of majority in your jurisdiction.
• Location: Open to residents of the US, Canada, UK, France, Germany, and others (see full rules for excluded countries).
• No Purchase Necessary: You do NOT need to buy anything on Whatnot to enter. Buying items does not increase your chances.
• Taxes: If you win big (over $600), you will need to fill out tax forms. The Sponsor covers shipping and import duties, but income tax is on you.

Don’t Miss Out

This is one of the largest internet giveaways in history. The clock is ticking, and once the livestream ends on February 8th at 2:00 PM ET, your chance to win a Lamborghini for free is gone. Download the app, find the stream, and good luck!

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
// Updated to Main Event Time: Feb 8, 1:00 PM ET
const endDate = new Date(“February 8, 2026 13:00:00 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();
});