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

:root {
–primary: #3a6b35;
–accent: #8a9a5b;
–gold: #c8a84b;
–dark: #1e2a1a;
–white: #ffffff;
–light: #f2f6ee;
}

h1 { font-family: ‘Segoe UI’, sans-serif; font-size: 38px; 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: 28px; font-weight: 700; color: var(–primary); margin-top: 50px; margin-bottom: 20px; border-left: 6px solid var(–accent); padding-left: 15px; background: #fff; padding-top: 10px; padding-bottom: 10px; box-shadow: 0 2px 5px rgba(58,107,53,0.07); }
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 #c8dbb8; padding: 35px; margin: 40px 0; border-radius: 8px; border-top: 5px solid var(–primary); box-shadow: 0 5px 15px rgba(58,107,53,0.06); }

.age-notice { background: #fff8e8; border: 2px solid var(–gold); border-radius: 8px; padding: 15px 20px; margin: 20px 0; color: #7a5a10; font-size: 15px; font-weight: 700; text-align: center; }

.giveaway-container { margin: 60px auto; max-width: 800px; }
.countdown-box { background: linear-gradient(135deg, #3a6b35 0%, #254a22 100%); border: 3px solid var(–accent); border-bottom: none; border-radius: 12px 12px 0 0; padding: 30px; text-align: center; color: #ffffff; }
.countdown-title { color: #fff; font-size: 30px; font-weight: 800; text-transform: uppercase; margin: 0 0 10px; letter-spacing: 1px; }
.countdown-subtitle { color: rgba(255,255,255,0.85); 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(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.4); border-radius: 6px; padding: 15px; }
.timer-num { display: block; font-size: 42px; font-weight: 700; line-height: 1; font-family: ‘Arial Black’, sans-serif; color: #fff; }
.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: 3px 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(58,107,53,0.1); }
.giveaway-badge { position: absolute; top: -25px; right: 50%; transform: translateX(50%); background: var(–gold); color: #fff; padding: 10px 40px; border-radius: 50px; font-size: 16px; font-weight: 800; text-transform: uppercase; box-shadow: 0 5px 15px rgba(200,168,75,0.3); border: 3px solid #fff; white-space: nowrap; }

.giveaway-headline { font-size: 36px; font-weight: 800; margin: 30px 0 20px; color: var(–dark); text-transform: uppercase; letter-spacing: -0.5px; }
.giveaway-description { font-size: 20px; color: #666; margin: 0 auto 20px; line-height: 1.6; max-width: 650px; }

.enter-button { display: inline-block; background: var(–primary); color: #ffffff; font-size: 24px; font-weight: 800; padding: 20px 60px; border-radius: 6px; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 0px #1e4a1a; 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 #1e4a1a; }

.cheat-sheet { background: var(–light); border: 2px dashed var(–primary); padding: 20px; margin: 0 auto 20px; border-radius: 8px; max-width: 600px; }
.cs-title { display: block; font-weight: 800; color: var(–primary); margin-bottom: 10px; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; }
.cs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-size: 16px; color: var(–dark); text-align: left; }
.cs-grid div { background: #fff; padding: 8px 12px; border-radius: 4px; border: 1px solid #c8dbb8; }
.cs-grid strong { color: var(–primary); text-transform: uppercase; float: right; font-weight: 900; }
.cs-highlight { border: 2px solid var(–gold) !important; background: #fffbf0 !important; }

.entry-section { background: var(–white); border: 2px solid var(–primary); border-radius: 12px; padding: 40px; margin-top: 60px; text-align: center; }
.entry-section h3 { color: var(–primary); font-size: 30px; font-weight: 800; margin: 0 0 30px; text-transform: uppercase; }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; margin-top: 60px; text-align: left; }
.recap-box { background: var(–light); border-top: 5px solid var(–accent); padding: 25px; border-radius: 6px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); }
.recap-box h4 { color: var(–primary); font-size: 18px; font-weight: 800; 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: #666; margin-top: 15px; text-transform: uppercase; font-size: 13px; }
.recap-box dd { margin: 0; color: var(–dark); }

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

.prize-image { width: 100%; max-width: 800px; border-radius: 12px; margin: 30px auto; display: block; box-shadow: 0 10px 30px rgba(58,107,53,0.12); }

.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin: 40px 0; }
.feature-card { background: #fff; border-radius: 10px; padding: 25px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.06); border-top: 4px solid var(–primary); }
.feature-card .icon { font-size: 40px; margin-bottom: 15px; display: block; }
.feature-card h4 { color: var(–dark); font-size: 18px; font-weight: 800; margin: 0 0 10px; }
.feature-card p { font-size: 15px; color: #666; margin: 0; }

.steps-list { counter-reset: steps; list-style: none; padding: 0; margin: 30px 0; }
.steps-list li { counter-increment: steps; display: flex; align-items: flex-start; margin-bottom: 20px; background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 5px solid var(–primary); }
.steps-list li::before { content: counter(steps); background: var(–primary); color: #fff; font-weight: 800; font-size: 20px; min-width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 20px; flex-shrink: 0; }

.prizes-table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 15px; }
.prizes-table th { background: var(–primary); color: #fff; padding: 12px 15px; text-align: left; font-weight: 800; text-transform: uppercase; font-size: 13px; }
.prizes-table td { padding: 10px 15px; border-bottom: 1px solid #c8dbb8; background: #fff; color: #555; }
.prizes-table tr:nth-child(even) td { background: var(–light); }
.prizes-table tr:hover td { background: #eef5e8; }

.data-table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 16px; }
.data-table th { background: var(–primary); color: #fff; padding: 14px 18px; text-align: left; font-weight: 700; text-transform: uppercase; font-size: 14px; }
.data-table td { padding: 12px 18px; border-bottom: 1px solid #c8dbb8; background: #fff; color: #555; }
.data-table tr:nth-child(even) td { background: var(–light); }
.data-table tr:hover td { background: #eef5e8; }

.faq-item { background: #fff; border: 1px solid #c8dbb8; border-radius: 8px; margin-bottom: 12px; overflow: hidden; }
.faq-question { padding: 20px 25px; font-weight: 700; font-size: 17px; color: var(–dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.faq-question:hover { background: var(–light); }
.faq-answer { display: none; padding: 0 25px 20px; font-size: 16px; color: #555; line-height: 1.7; border-top: 1px solid #c8dbb8; }
.faq-toggle { font-size: 22px; color: var(–primary); font-weight: 900; }

.related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 40px; }
.related-card { background: #fff; border-radius: 10px; padding: 20px; box-shadow: 0 3px 12px rgba(0,0,0,0.07); border-left: 5px solid var(–gold); text-decoration: none; color: inherit; display: block; transition: transform 0.2s; }
.related-card:hover { transform: translateY(-3px); }
.related-card h5 { color: var(–primary); font-size: 16px; font-weight: 800; margin: 0 0 8px; }
.related-card p { font-size: 14px; color: #777; margin: 0; }

.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; border: 5px solid var(–primary); padding: 50px; font-size: 26px; font-weight: 800; color: var(–dark); text-align: center; z-index: 10000; box-shadow: 0 40px 100px rgba(58,107,53,0.2); max-width: 90%; width: 550px; border-radius: 12px; }

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #ffffff; border: 4px solid var(–gold); padding: 40px 50px; text-align: center; z-index: 10001; box-shadow: 0 30px 80px rgba(0,0,0,0.1); max-width: 90%; width: 500px; border-radius: 12px; }
.skip-popup-title { font-size: 28px; font-weight: 800; color: var(–primary); margin: 0 0 20px; }
.skip-popup-text { font-size: 17px; color: #555; margin-bottom: 10px; }
.skip-yes-button { display: inline-block; background: var(–primary); color: #fff; font-size: 20px; font-weight: 700; padding: 15px 40px; border-radius: 6px; border: none; cursor: pointer; margin-top: 20px; text-transform: uppercase; }

@media (max-width: 600px) {
h1 { font-size: 26px; }
h2 { font-size: 22px; }
.giveaway-headline { font-size: 26px; }
.enter-button { font-size: 18px; padding: 16px 30px; }
.timer-num { font-size: 32px; }
.cs-grid { grid-template-columns: 1fr; }
}

🌿 Natural American Spirit Organic Collect Promotion – Win an E-Bike + 480 Instant Win Prizes!

Natural American Spirit is running the Organic Collect Promotion at americanspirit.com — and the prizes are incredible! Play the free instant win game daily for a chance to win a Hatch sleep clock, Click & Grow smart garden, LARQ self-cleaning water bottle, or an Uncommon Goods infinity puzzle. Plus, one grand prize winner takes home a Level 3 Step-Through E-Bike worth $1,899! Every play also earns you 25 Spirit Circle points. Enter free daily through April 30, 2026!

The Prizes: $1,899 E-Bike Grand Prize + 480 Instant Win Prizes!

The Natural American Spirit Organic Collect Promotion features a rotating lineup of instant win prizes — one new prize each week — plus a grand prize e-bike drawing at the end. Every single play also earns you 25 Spirit Circle points! Here’s the full prize breakdown:

Full Instant Win Prize Schedule

How to Enter

Entry is completely free — just log into your americanspirit.com account and play the daily game! Here’s how it works:

1. Register for a Free Account at americanspirit.com: You need a free Spirit Circle username and password to participate. Sign up for free at americanspirit.com — must be 21+ and a tobacco consumer.
2. Log In and Find the Game Link: During the Promotion Period, log into your account and look for the Organic Collect game link. Click it and follow the online instructions to play.
3. Play Once Per Day: Each play gives you a chance to instantly win the current week’s prize. You can play once per day — limit one instant win prize per person per weekly period.
4. Win Instantly or Earn Points: If your screen shows an instant win message, you’ve won! Follow the prompts to confirm your mailing address. If not, you automatically earn 25 Spirit Circle points credited to your account.
5. Get Entered in the Grand Prize Drawing: Every play also counts as one entry into the grand prize drawing for the $1,899 e-bike! The more days you play, the more entries you accumulate.
6. Grand Prize Drawing: On or around May 1, 2026, one winner will be randomly selected from all eligible entries for the Level 3 Step-Through E-Bike!

Giveaway Details at a Glance

Frequently Asked Questions

More Sweepstakes You’ll Love

NO PURCHASE NECESSARY. Open to legal residents of the US and DC (excluding MA, MI, and US territories) who are tobacco consumers 21 years of age or older with a registered Spirit Circle username. Promotion begins April 1, 2026 at 12:00 PM ET; ends April 30, 2026 at 11:59 AM ET. Sponsored by Santa Fe Natural Tobacco Company. See full rules at americanspirit.com.

let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“April 30, 2026 11:59:00 EDT”).getTime();

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();

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 < duration) {
scrollAnimationId = requestAnimationFrame(animation);
} else {
window.scrollTo(0, targetPosition);
}
}
scrollAnimationId = requestAnimationFrame(animation);

const schedule = [3000, 6000, 9000, 12000, 15000, 21000, 24000, 27000, 30000, 33000];
schedule.forEach(function(time, index) {
popupTimers.push(setTimeout(function() { showPopup("popup" + (index + 1)); }, time));
});

popupTimers.push(setTimeout(function() { 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(el) {
const answer = el.nextElementSibling;
const toggle = el.querySelector('.faq-toggle');
if (answer.style.display === "block") {
answer.style.display = "none";
toggle.textContent = "+";
} else {
answer.style.display = "block";
toggle.textContent = "−";
}
}

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