body { font-family: ‘Rubik’, sans-serif; line-height: 1.6; color: #e0e0e0; max-width: 880px; margin: 0 auto; padding: 20px; background: #121212; }

/* Mud & Metal Theme */
:root {
–primary: #ff6d00; /* Safety Orange */
–secondary: #37474f; /* Tire Rubber Grey */
–metal: #b0bec5; /* Steel */
–dark: #000000;
–panel: #1e1e1e;
–text: #cfd8dc;
}

h1 { font-size: 38px; font-weight: 900; color: var(–primary); margin-bottom: 10px; line-height: 1.1; letter-spacing: 1px; text-transform: uppercase; font-style: italic; text-shadow: 2px 2px 0px #000; }
h2 { font-size: 28px; font-weight: 800; color: var(–white); margin-top: 40px; margin-bottom: 16px; border-left: 6px solid var(–primary); display: block; padding-left: 15px; background: var(–panel); padding: 10px 15px; }
h3 { font-size: 22px; font-weight: 700; color: var(–metal); margin-top: 30px; margin-bottom: 12px; }
p { margin-bottom: 18px; font-size: 17px; color: var(–text); }

.intro { font-size: 20px; font-weight: 500; color: var(–dark); background: var(–metal); border-bottom: 4px solid var(–primary); padding: 25px; margin: 30px 0; border-radius: 4px; clip-path: polygon(0 0, 100% 0, 98% 100%, 2% 100%); }

/* The Bait Widget */
.giveaway-container { margin: 40px auto; max-width: 880px; }
.countdown-box { background: var(–secondary); border: 2px solid var(–primary); border-bottom: none; border-radius: 8px 8px 0 0; padding: 20px; text-align: center; color: var(–white); }
.countdown-title { color: var(–primary); font-size: 26px; font-weight: 900; text-transform: uppercase; margin: 0 0 8px; letter-spacing: 2px; }
.countdown-subtitle { color: var(–metal); 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: #000; border: 1px solid #555; border-radius: 4px; padding: 10px; color: var(–white); box-shadow: inset 0 0 10px rgba(0,0,0,0.8); }
.timer-num { display: block; font-size: 34px; font-weight: 900; line-height: 1; color: var(–white); font-family: ‘Impact’, sans-serif; }
.timer-label { display: block; font-size: 10px; text-transform: uppercase; margin-top: 5px; font-weight: 600; color: var(–primary); }

.giveaway-box { background: linear-gradient(180deg, #263238 0%, #121212 100%); border: 2px solid var(–primary); border-top: none; border-radius: 0 0 8px 8px; padding: 40px 30px; text-align: center; position: relative; box-shadow: 0 15px 35px rgba(0,0,0,0.5); }
.giveaway-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(–primary); color: #000; padding: 8px 40px; border-radius: 0; font-size: 16px; font-weight: 900; text-transform: uppercase; box-shadow: 0 4px 12px rgba(0,0,0,0.5); border: 2px solid var(–white); white-space: nowrap; transform: skew(-15deg); }

.giveaway-headline { font-size: 36px; font-weight: 900; margin: 20px 0 15px; color: var(–white); text-transform: uppercase; letter-spacing: -1px; }
.giveaway-description { font-size: 18px; color: var(–metal); margin: 0 auto 30px; line-height: 1.5; max-width: 650px; }

.enter-button { display: inline-block; background: var(–white); color: var(–dark); font-size: 24px; font-weight: 900; padding: 20px 60px; border-radius: 2px; text-decoration: none; border: none; cursor: pointer; box-shadow: 5px 5px 0px var(–primary); transition: transform 0.1s, box-shadow 0.1s; text-transform: uppercase; letter-spacing: 1px; }
.enter-button:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0px var(–primary); }

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

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

/* Entry Section */
.entry-section { background: var(–panel); border: 1px solid #444; border-top: 4px solid var(–primary); border-radius: 4px; padding: 30px; margin-top: 40px; text-align: center; }
.entry-section h3 { color: var(–primary); font-size: 32px; font-weight: 900; margin: 0 0 25px; text-transform: uppercase; font-style: italic; }

.final-enter-button { display: block; background: var(–primary); color: var(–dark); font-size: 24px; font-weight: 900; padding: 25px; border-radius: 4px; text-decoration: none; margin: 25px auto; max-width: 450px; box-shadow: 0 0 20px rgba(255, 109, 0, 0.4); 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: #263238; border-left: 6px solid var(–primary); padding: 20px; border-bottom: 2px solid #000; }
.recap-box h4 { color: var(–white); font-size: 18px; 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: var(–metal); margin-top: 8px; }
.recap-box dd { margin: 0; color: #fff; }

/* 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: var(–metal); margin-top: 10px; font-style: italic; font-weight: 600; }

/* FIGURE 1: Suspension */
.suspension-box { width: 200px; height: 150px; margin: 0 auto; position: relative; border: 2px solid #444; background: #222; }
.shock-body { position: absolute; width: 20px; height: 100px; background: #555; left: 90px; top: 10px; border-radius: 4px; z-index: 1; }
.shock-coil { position: absolute; width: 40px; height: 80px; left: 80px; top: 20px; z-index: 2; background: repeating-linear-gradient(45deg, var(–primary), var(–primary) 5px, transparent 5px, transparent 15px); border: 2px solid var(–primary); border-radius: 4px; }
.control-arm { position: absolute; width: 140px; height: 10px; background: #333; bottom: 30px; left: 30px; transform: rotate(-10deg); border: 1px solid #777; }
.wheel-hub { position: absolute; width: 20px; height: 40px; background: #777; bottom: 20px; right: 20px; }

/* FIGURE 2: Maintenance Grid */
.maint-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; background: #222; padding: 15px; border: 1px solid #444; }
.maint-item { background: #333; padding: 10px; display: flex; justify-content: space-between; align-items: center; border-radius: 4px; }
.mi-label { font-weight: bold; font-size: 12px; color: #fff; }
.mi-val { color: var(–primary); font-weight: bold; font-size: 12px; }

🚜 Off-Road Domination: The Ultimate Guide to UTV Upgrades & Maintenance

Stock is boring. In the world of off-roading, your machine is a canvas, and the trail is the gallery. SuperATV understands this obsession, which is why they are giving away a fully customized $52,819 Build-to-Ride UTV. While you enter for a chance to win this beast, let’s break down the essential upgrades that turn a standard SXS into a trail-eating monster.

The Holy Trinity of Upgrades: Lift, Portals, and Tires

To conquer deep mud and rock gardens, ground clearance is king. A standard lift kit helps, but Portal Gear Lifts are the game changer. They lift the vehicle at the hub, maintaining factory suspension geometry while reducing gear ratios. This allows you to turn massive 35″+ tires without snapping your stock axles.

However, adding big rubber puts immense stress on your drivetrain. Upgrading to heavy-duty axles (like Rhino 2.0s) is not optional—it’s mandatory if you want to make it home.

Preventative Maintenance: Pay Now or Pay Later

Off-roading is abusive. Mud is essentially liquid sandpaper that eats bearings and seals. A strict maintenance schedule is the only way to protect your investment. The most critical component? The CVT Belt. Always carry a spare and the tools to change it on the trail. Blowing a belt in the middle of nowhere turns a fun day into a survival situation.

Greasing your zerk fittings after every wash pushes out water and grit, extending the life of your bushings and ball joints by years.

Insuring Your “Toy”: Coverage Gaps

A $52,000 UTV is a major asset, yet many riders rely on basic liability coverage. Standard auto policies often do not cover off-road vehicles, or they only cover them while on your property. You need a specialized Powersports Policy that includes:

• Collision: For when you misjudge that rock crawl.
• Comprehensive: For fire, theft, or flood (sinking in a mud hole).
• Accessory Coverage: Standard policies cover the stock bike ($20k). They won’t cover the $30k in portals, audio, and cages you added unless you declare them.

Financing the Dream

If you don’t win the sweepstakes, buying a high-end UTV often requires financing. Rates for “toys” (luxury recreational vehicles) are typically higher than auto loans. Manufacturer financing often offers 0% or low APR for the first year, but be wary of ballooning rates afterward. Credit Unions often offer the best rates on powersports loans.

Conclusion: Build It, Break It, Fix It

The off-road lifestyle is expensive, dirty, and incredibly rewarding. Whether you are building your own rig or hoping to win the SuperATV grand prize, understanding the mechanics and economics of the sport is key. Enter the sweepstakes below—someone has to win that $52k beast.

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“October 31, 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();
});