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

:root {
–primary: #c8102e;
–secondary: #f5c518;
–dark: #1a1a1a;
–white: #ffffff;
–light: #fff5f5;
}

h1 { font-family: ‘Segoe UI’, sans-serif; font-size: 36px; font-weight: 800; color: var(–dark); margin-bottom: 20px; line-height: 1.2; text-transform: uppercase; border-bottom: 4px solid var(–primary); padding-bottom: 15px; }
h2 { font-size: 26px; font-weight: 700; color: var(–primary); margin-top: 50px; margin-bottom: 20px; border-left: 6px solid var(–secondary); 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(–primary); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }

/* Loading Banner */
.loading-banner { width: 100%; background: linear-gradient(135deg, #c8102e 0%, #a00d25 50%, #f5c518 100%); text-align: center; padding: 50px 20px; border-radius: 10px; margin-bottom: 30px; overflow: hidden; max-height: 300px; animation: bannerHide 0.8s ease 5s forwards; }
@keyframes bannerHide { 0% { max-height: 300px; padding: 50px 20px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; margin: 0; } }
.loading-emoji { font-size: 3.5rem; display: block; margin-bottom: 12px; }
.loading-title { font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 8px; }
.loading-sub { font-size: 16px; color: rgba(255,255,255,0.85); }
.loading-bar-wrap { width: 260px; height: 8px; background: rgba(255,255,255,0.3); border-radius: 50px; overflow: hidden; margin: 16px auto 0; }
.loading-bar { height: 100%; background: #fff; border-radius: 50px; animation: barFill 5s linear forwards; }
@keyframes barFill { from { width: 0%; } to { width: 100%; } }

/* Countdown + Giveaway Box */
.giveaway-container { margin: 60px auto; max-width: 800px; }
.countdown-box { background: var(–primary); border: 4px solid var(–primary); border-bottom: none; border-radius: 12px 12px 0 0; padding: 30px; text-align: center; color: var(–white); }
.countdown-title { color: var(–white); font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 1px; }
.countdown-subtitle { color: rgba(255,255,255,0.8); font-size: 15px; 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(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.3); 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; }
.timer-label { display: block; font-size: 12px; text-transform: uppercase; margin-top: 10px; font-weight: 600; color: rgba(255,255,255,0.7); }

.giveaway-box { background: #fff; border: 4px solid var(–primary); border-top: none; border-radius: 0 0 12px 12px; padding: 50px 40px; text-align: center; position: relative; box-shadow: 0 15px 40px rgba(200,16,46,0.15); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: var(–secondary); 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: 34px; font-weight: 800; margin: 30px 0 20px; color: var(–dark); text-transform: uppercase; letter-spacing: -0.5px; }
.giveaway-description { font-size: 19px; color: #666; margin: 0 auto 20px; line-height: 1.6; max-width: 650px; }
.enter-button { display: inline-block; background: var(–primary); 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 #8a0b1f; 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 #8a0b1f; }

/* Prize Card */
.prize-highlight { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border-radius: 12px; padding: 40px; text-align: center; margin: 30px 0; color: #fff; }
.prize-amount { font-size: 72px; font-weight: 900; color: var(–secondary); line-height: 1; display: block; }
.prize-label { font-size: 22px; font-weight: 700; color: #fff; margin-top: 8px; display: block; }
.prize-sub { font-size: 15px; color: rgba(255,255,255,0.65); margin-top: 8px; }

/* Feature Grid */
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0; }
.feature-card { background: #fff; border: 2px solid #f0e0e3; border-top: 5px solid var(–primary); border-radius: 8px; padding: 25px 20px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.feature-card-icon { font-size: 2.5rem; display: block; margin-bottom: 10px; }
.feature-card-title { font-weight: 800; color: var(–dark); font-size: 17px; display: block; margin-bottom: 6px; }
.feature-card-desc { font-size: 14px; color: #777; }

/* Info Table */
.info-table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 17px; }
.info-table th { background: var(–primary); color: #fff; padding: 12px 16px; text-align: left; }
.info-table td { padding: 12px 16px; border-bottom: 1px solid #eee; }
.info-table tr:nth-child(even) td { background: #fff5f5; }

/* Steps */
.steps-list { list-style: none; padding: 0; margin: 30px 0; }
.steps-list li { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 20px; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); }
.step-num { background: var(–primary); color: #fff; font-size: 20px; font-weight: 800; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.step-text strong { display: block; font-size: 17px; color: var(–dark); margin-bottom: 4px; }
.step-text span { font-size: 15px; color: #666; }

/* FAQ */
.faq-item { border: 1px solid #eee; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.faq-question { width: 100%; background: #fff; border: none; padding: 18px 20px; text-align: left; font-size: 17px; font-weight: 700; color: var(–dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-question:hover { background: #fff5f5; }
.faq-answer { display: none; padding: 16px 20px; font-size: 16px; color: #555; background: #fafafa; border-top: 1px solid #eee; }
.faq-answer.open { display: block; }

/* Entry Section */
.entry-section { background: linear-gradient(135deg, #c8102e 0%, #a00d25 60%, #1a1a1a 100%); border-radius: 12px; padding: 50px 40px; margin-top: 60px; text-align: center; }
.entry-section h3 { color: #fff; font-size: 30px; font-weight: 800; margin: 0 0 10px; text-transform: uppercase; }
.entry-section p { color: rgba(255,255,255,0.9); font-size: 17px; margin-bottom: 30px; }
.entry-legal { font-size: 13px; color: rgba(255,255,255,0.65); margin-top: 20px; line-height: 1.6; }

/* Recap Grid */
.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px; margin-top: 50px; text-align: left; }
.recap-box { background: rgba(255,255,255,0.12); border-top: 5px solid var(–secondary); padding: 25px; border-radius: 6px; }
.recap-box h4 { color: var(–secondary); font-size: 17px; font-weight: 800; text-transform: uppercase; margin: 0 0 18px; letter-spacing: 1px; }
.recap-box dl { font-size: 15px; line-height: 1.8; margin: 0; }
.recap-box dt { font-weight: 700; color: rgba(255,255,255,0.7); margin-top: 12px; text-transform: uppercase; font-size: 12px; }
.recap-box dd { margin: 0; color: #fff; }

/* Related */
.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0; }
.related-card { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 20px; text-decoration: none; color: inherit; box-shadow: 0 2px 8px rgba(0,0,0,0.05); transition: transform 0.15s; display: block; }
.related-card:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(0,0,0,0.1); }
.related-tag { font-size: 11px; font-weight: 800; text-transform: uppercase; color: var(–primary); letter-spacing: 1px; margin-bottom: 6px; display: block; }
.related-title { font-size: 15px; font-weight: 700; color: var(–dark); line-height: 1.4; }

/* Ad Container */
.ad-container { margin: 40px auto; text-align: center; max-width: 100%; overflow: hidden; }

/* Popups */
.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 5px solid var(–primary); padding: 40px 50px; font-size: 24px; 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: 500px; border-radius: 12px; }
.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 4px solid var(–secondary); padding: 40px 50px; text-align: center; z-index: 10001; box-shadow: 0 30px 80px rgba(0,0,0,0.1); max-width: 90%; width: 480px; border-radius: 12px; }
.skip-popup-title { font-size: 26px; font-weight: 800; color: var(–primary); margin: 0 0 16px; }
.skip-popup-text { font-size: 16px; color: #555; margin-bottom: 10px; }
.skip-yes-button { display: inline-block; background: var(–primary); color: var(–white); font-size: 18px; font-weight: 700; padding: 14px 36px; border-radius: 6px; border: none; cursor: pointer; margin-top: 16px; text-transform: uppercase; }

@media (max-width: 600px) {
h1 { font-size: 26px; }
.giveaway-box { padding: 40px 20px; }
.entry-section { padding: 40px 20px; }
.timer-num { font-size: 30px; }
.prize-amount { font-size: 52px; }
}

⚽ The Tecate Liga MX Sweepstakes: Win a $100 Fanatics Gift Card

Tecate and Liga MX are teaming up to reward soccer fans with 30 instant win prizes — each a $100 Fanatics.com e-gift card you can spend on your favorite team’s gear. Entry is free, you can play once per day, and you could find out instantly if you’ve won. Read on for everything you need to know — then scroll down to play.

What Is the Tecate Liga MX Promotion?

Tecate — one of Mexico’s most iconic beers — is celebrating the Liga MX soccer season with a limited-time Instant Win promotion. Sponsored by Cervezas Mexicanas (the U.S. importer of Tecate), this promotion runs from January 15 through May 31, 2026, giving fans months of daily chances to win.

Unlike traditional sweepstakes where you wait weeks for a drawing, this is an instant win game — you find out right away on-screen if you’ve won. And since you can play once per day after registering, your odds improve every time you come back.

“Participants in the online Instant Win game who receive an on-screen confirmation message will be determined as a potential Instant Win prize winner.” — Official Rules

The Prize: $100 Fanatics Gift Card

Each of the 30 instant win prizes is a $100 Fanatics.com e-gift card — delivered digitally, so there’s no waiting for shipping. Fanatics is the world’s largest licensed sports merchandise retailer, carrying jerseys, hats, scarves, and gear for virtually every Liga MX club including Club América, Chivas, Cruz Azul, Tigres, and more.

What to Buy With a $100 Fanatics Gift Card

If you win, here’s how to make the most of your $100 at Fanatics. Liga MX gear is some of the most stylish in world soccer — bold colors, iconic crests, and limited-edition drops that sell out fast.

Best Liga MX Gear Under $100

How to Redeem Your Fanatics E-Gift Card

Once you receive your prize claim email, follow the instructions to get your unique gift card code. Head to Fanatics.com, add your items to the cart, and enter the code at checkout. The balance applies instantly and you can use it on any eligible product — including sale items, which means your $100 could go even further.

How to Enter — Step by Step

This is an instant win game, so the process is slightly different from a standard sweepstakes. Here’s exactly what to do:

• 1
  Visit the official promotion websiteGo to TecateBeerUSA.com/ligamx — or scan the QR code on Tecate point-of-sale signage.
• 2
  Register once with your emailCreate a free account with your email address. You only need to register once for the entire promotion period.
• 3
  Play the Instant Win gameFollow the on-screen instructions to play. You’ll find out immediately if you’ve won a $100 Fanatics gift card.
• 4
  Come back dailyAfter registering, you can log back in and play once per day for additional chances to win through May 31, 2026.
• 5
  Claim your prize if you winIf you win, you’ll see a confirmation on-screen with a unique prize claim code. A prize claim form will be sent to your email within 2–4 weeks.

Eligibility & Key Details

Frequently Asked Questions

More Free Sweepstakes to Enter

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“May 31, 2026 23:59:59 EDT”).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
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 {
popupTimers.push(setTimeout(() => showPopup(“popup” + (index + 1)), time));
});

popupTimers.push(setTimeout(() => 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(btn) {
const answer = btn.nextElementSibling;
const isOpen = answer.classList.contains(‘open’);
document.querySelectorAll(‘.faq-answer’).forEach(function(a) { a.classList.remove(‘open’); });
document.querySelectorAll(‘.faq-question span’).forEach(function(s) { s.textContent = ‘+’; });
if (!isOpen) {
answer.classList.add(‘open’);
btn.querySelector(‘span’).textContent = ‘−’;
}
}

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