body { font-family: ‘Segoe UI’, ‘Roboto’, Helvetica, Arial, sans-serif; line-height: 1.8; color: #333; max-width: 880px; margin: 0 auto; padding: 20px; background: #f4f6f9; }

/* Mountain / Financial Theme */
:root {
–primary: #003087; /* Credit Union Blue */
–secondary: #c8102e; /* Alert Red */
–accent: #54585a; /* Mountain Grey */
–light: #e6eef5;
–white: #ffffff;
–text: #2c3e50;
}

h1 { font-size: 34px; font-weight: 900; color: var(–primary); margin-bottom: 10px; line-height: 1.2; letter-spacing: -0.5px; }
h2 { font-size: 26px; font-weight: 700; color: var(–text); margin-top: 40px; margin-bottom: 16px; border-bottom: 4px solid var(–secondary); 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: #444; }

.intro { font-size: 19px; font-weight: 500; color: var(–primary); background: var(–white); border: 2px solid var(–accent); padding: 25px; margin: 30px 0; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 48, 135, 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: 8px 8px 0 0; padding: 20px; text-align: center; color: var(–white); }
.countdown-title { color: var(–white); font-size: 24px; font-weight: 900; text-transform: uppercase; margin: 0 0 8px; letter-spacing: 1px; }
.countdown-subtitle { color: #a3c2fa; 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.15); border: 1px solid rgba(255,255,255,0.3); border-radius: 4px; padding: 10px; color: var(–white); }
.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; }

.giveaway-box { background: linear-gradient(180deg, #ffffff 0%, #e6eef5 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, 48, 135, 0.15); }
.giveaway-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(–secondary); color: var(–white); 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 var(–white); 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: #555; margin: 0 auto 30px; line-height: 1.5; max-width: 650px; }

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

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

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(–white); border: 4px solid var(–secondary); 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; }
.skip-popup-title { font-size: 26px; font-weight: 900; color: var(–primary); margin: 0 0 15px; }
.skip-yes-button { display: inline-block; background: var(–secondary); color: var(–white); font-size: 20px; font-weight: 900; padding: 15px 40px; border-radius: 4px; border: none; cursor: pointer; margin-top: 15px; text-transform: uppercase; }

/* Entry Section */
.entry-section { background: var(–white); border: 2px solid var(–primary); border-radius: 8px; 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), #002266); color: var(–white); font-size: 24px; font-weight: 900; padding: 25px; border-radius: 4px; text-decoration: none; margin: 25px auto; max-width: 450px; box-shadow: 0 10px 25px rgba(0, 48, 135, 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: var(–light); border-top: 4px solid var(–primary); padding: 20px; border-radius: 4px; }
.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: #666; margin-top: 10px; font-style: italic; font-weight: 600; }

/* FIGURE 1: ROI CHART */
.roi-chart { display: flex; align-items: flex-end; justify-content: center; gap: 20px; height: 180px; background: #fff; padding: 15px; border-radius: 8px; border: 1px solid #ccc; }
.bar-group { display: flex; flex-direction: column; align-items: center; width: 60px; }
.bar { width: 40px; border-radius: 4px 4px 0 0; position: relative; transition: height 1s; }
.b-pool { height: 40px; background: #95a5a6; } /* Pool */
.b-deck { height: 90px; background: #3498db; } /* Deck */
.b-kitchen { height: 130px; background: #003087; } /* Outdoor Kitchen */
.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: 11px; font-weight: bold; text-align: center; line-height: 1.2; }

/* FIGURE 2: RATE COMPARE */
.rate-box { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; }
.rate-card { background: #fff; border: 1px solid #ccc; padding: 15px; flex: 1; border-radius: 6px; text-align: center; }
.rc-title { font-size: 12px; text-transform: uppercase; color: #777; font-weight: bold; }
.rc-val { font-size: 24px; font-weight: 900; margin: 10px 0; color: #333; }
.rc-good { color: #27ae60; }
.rc-bad { color: #c0392b; }

🏈 The Ultimate Backyard Oasis: Increasing Home Value Through Outdoor Living & Financing

Transforming your backyard into the “Ultimate Fan Cave” is about more than just entertainment; it’s a strategic investment in your property’s value. Mountain America Credit Union is helping you kick off your renovation journey by giving away the essentials: an 85″ TV, a Traeger Grill, and a Yeti Cooler. While you enter to win, let’s explore how to finance the rest of your dream setup.

The ROI of Outdoor Kitchens

According to recent real estate data, outdoor living spaces offer one of the highest Returns on Investment (ROI) for home improvement projects. An “outdoor kitchen” setup—anchored by a high-end grill like a Traeger—can recover up to 71% of its cost at resale. Compare this to swimming pools, which often recoup less than 40%.

Creating a dedicated space for cooking and entertainment extends your usable square footage without the massive expense of a structural addition.

Credit Unions vs. Banks: The Financing Advantage

When financing home improvements, where you borrow matters. Credit Unions like Mountain America are not-for-profit cooperatives owned by their members. This often allows them to offer lower interest rates on Home Equity Lines of Credit (HELOCs) and personal loans compared to traditional big banks.

By using a low-interest HELOC instead of a credit card to fund your renovation, you save thousands in interest payments, keeping more money in your pocket for the fun stuff—like steaks for the grill.

Smart Home Integration for Outdoor Spaces

The prize package includes an 85″ Smart TV, which is the centerpiece of any modern patio. To protect your investment, ensure you use outdoor-rated mounts and covers. Integrating smart plugs and weatherproof Wi-Fi extenders ensures your game day stream never buffers, adding a layer of “tech appeal” that buyers love.

The Value of Membership

Beyond loans, Credit Union membership often comes with perks like financial counseling, lower fees, and dividends. It’s a holistic approach to financial health that aligns with the goal of building a stable, enjoyable home life. Switching your banking is one of the easiest ways to improve your long-term financial outlook.

Conclusion: Invest in Your Lifestyle

Whether you are winning it or building it, an outdoor entertainment space is an investment in your quality of life. Take the first step by entering the Mountain America Ultimate Fan Giveaway below.

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“February 3, 2026 23:59:59 MST”).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();
});