HP2 Win Is Giving Away a $12,000 Jet Ski — Don’t Miss Out!
:root {
–primary: #FF5733;
–primary-dark: #C70039;
–primary-deep: #900C3F;
–primary-light:#FFC300;
–primary-pale: #DAF7A6;
–accent: #581845;
–accent-light: #900C3F;
–cream: #fdfcff;
–warm-white: #f9f7ff;
–border: #e9e3ff;
–text-dark: #1c1c1c;
–text-gray: #555555;
–text-light: #888888;
}
.fmsdb-post-wrap * { box-sizing: border-box; }
.fmsdb-post-wrap {
font-family: ‘Inter’, sans-serif;
color: var(–text-dark);
font-size: 17px;
line-height: 1.85;
}
/* — PROGRESS BAR — */
#xp-bar-container {
position: fixed; top: 0; left: 0; right: 0;
height: 5px; background: #e9e3ff; z-index: 9999;
}
#xp-bar {
height: 100%; width: 0%;
background: linear-gradient(90deg, var(–primary), var(–accent));
transition: width 0.2s ease;
}
/* — HEADER — */
header {
background: linear-gradient(160deg, #FF5733 0%, #FFC300 30%, #DAF7A6 65%, #C70039 100%);
color: #fff;
text-align: center;
padding: 60px 24px 52px;
position: relative;
overflow: hidden;
}
header::before {
content: ”;
position: absolute;
top: -60px; left: -60px; right: -60px; bottom: -60px;
background: radial-gradient(ellipse at 50% 0%, rgba(245,158,11,0.15) 0%, transparent 70%);
pointer-events: none;
}
.status-tag {
display: inline-block;
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.35);
border-radius: 50px;
padding: 6px 18px;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 22px;
color: #fff;
}
header h1 {
font-family: ‘Playfair Display’, serif;
font-size: clamp(2.2rem, 7vw, 4rem);
font-weight: 800;
line-height: 1.1;
margin-bottom: 18px;
}
header h1 span { color: rgba(255,255,255,0.85); font-style: italic; text-shadow: 0 2px 8px rgba(0,0,0,0.3); }
.hero-sub {
font-size: 1.05rem;
color: rgba(255,255,255,0.92);
text-shadow: 0 1px 4px rgba(0,0,0,0.25);
opacity: 1;
max-width: 620px;
margin: 0 auto 28px;
line-height: 1.7;
}
.prize-value {
font-family: ‘Playfair Display’, serif;
font-size: clamp(2.4rem, 7vw, 3.8rem);
font-weight: 800;
color: #fff;
line-height: 1;
margin-bottom: 4px;
text-shadow: 0 2px 12px rgba(0,0,0,0.3);
}
.prize-label {
font-size: 0.78rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,255,255,0.85);
margin-bottom: 28px;
}
/* — HERO IMAGE — */
.hero-image-wrap {
margin: 20px auto 24px;
max-width: 480px;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 32px rgba(0,0,0,0.25);
border: 3px solid rgba(255,255,255,0.3);
}
.hero-img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.countdown {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 30px;
flex-wrap: wrap;
}
.cd-box {
background: rgba(0,0,0,0.3);
border: 1px solid rgba(255,255,255,0.25);
border-radius: 10px;
padding: 12px 18px;
min-width: 72px;
text-align: center;
}
.cd-num {
font-family: ‘Playfair Display’, serif;
font-size: 2rem;
font-weight: 700;
color: var(–accent-light);
line-height: 1;
}
.cd-label {
font-size: 0.65rem;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.6;
margin-top: 4px;
}
/* — CTA BUTTON — */
.cta-btn {
display: inline-block;
background: var(–accent);
color: #1a0533;
font-family: ‘Inter’, sans-serif;
font-size: 1.1rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
padding: 16px 44px;
border-radius: 50px;
border: none;
cursor: pointer;
text-decoration: none;
transition: background 0.2s, transform 0.15s;
margin: 8px 0;
}
.cta-btn:hover { background: #fbbf24; transform: translateY(-2px); }
/* — STAT PILLS — */
.stat-row {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 20px;
}
.stat-pill {
background: rgba(0,0,0,0.3);
border: 1px solid rgba(255,255,255,0.15);
border-radius: 6px;
padding: 8px 16px;
font-size: 0.82rem;
text-align: center;
}
.stat-pill strong { display: block; font-size: 1.1rem; color: var(–accent-light); font-family: ‘Playfair Display’, serif; }
/* — TOC — */
.toc-box {
background: var(–warm-white);
border: 1px solid var(–border);
border-left: 4px solid var(–primary);
border-radius: 10px;
padding: 24px 28px;
margin: 32px 0;
}
.toc-box .toc-label {
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–primary);
margin-bottom: 12px;
}
.toc-box ol { padding-left: 20px; }
.toc-box ol li { margin-bottom: 6px; }
.toc-box ol li a { color: var(–text-dark); text-decoration: none; font-weight: 500; }
.toc-box ol li a:hover { color: var(–primary); }
/* — MAIN CONTENT — */
.content-wrap {
max-width: 780px;
margin: 0 auto;
padding: 0 20px 60px;
}
section {
background: var(–warm-white);
border-radius: 14px;
padding: 36px 36px;
margin: 28px 0;
border: 1px solid var(–border);
}
section h2 {
font-family: ‘Playfair Display’, serif;
font-size: 1.7rem;
font-weight: 700;
color: var(–primary-dark);
margin-bottom: 18px;
padding-bottom: 12px;
border-bottom: 2px solid var(–border);
}
section h2 span { color: var(–primary); }
section h3 {
font-family: ‘Inter’, sans-serif;
font-size: 1.05rem;
font-weight: 700;
color: var(–text-dark);
margin: 22px 0 10px;
}
section p {
color: var(–text-gray);
margin-bottom: 16px;
line-height: 1.85;
}
section p:last-child { margin-bottom: 0; }
blockquote {
border-left: 4px solid var(–primary);
background: var(–primary-pale);
padding: 16px 20px;
margin: 20px 0;
border-radius: 0 8px 8px 0;
font-style: italic;
color: var(–text-gray);
font-size: 0.95rem;
}
/* — PRIZE CARDS — */
.prize-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 16px;
margin: 20px 0;
}
.prize-card {
background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
border: 2px solid var(–border);
border-top: 5px solid var(–primary);
border-radius: 14px;
padding: 24px 20px;
text-align: center;
}
.prize-card.accent-card {
border-top-color: var(–accent);
background: linear-gradient(135deg, #fffbf0 0%, #fef3c7 100%);
}
.prize-card .pc-emoji { font-size: 2.8rem; display: block; margin-bottom: 10px; }
.prize-card .pc-count {
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(–primary);
margin-bottom: 6px;
}
.prize-card.accent-card .pc-count { color: #b45309; }
.prize-card .pc-name {
font-family: ‘Playfair Display’, serif;
font-size: 1.15rem;
font-weight: 700;
color: var(–text-dark);
margin-bottom: 8px;
}
.prize-card .pc-value {
font-family: ‘Playfair Display’, serif;
font-size: 1.6rem;
font-weight: 700;
color: var(–primary-deep);
margin-bottom: 6px;
}
.prize-card.accent-card .pc-value { color: #92400e; }
.prize-card .pc-note { font-size: 0.85rem; color: var(–text-gray); }
/* — STEPS — */
.steps { list-style: none; padding: 0; margin: 20px 0; }
.steps li {
display: flex;
gap: 16px;
align-items: flex-start;
margin-bottom: 18px;
}
.step-num {
background: var(–primary);
color: #fff;
font-weight: 800;
width: 34px;
height: 34px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 2px;
font-size: 1rem;
}
.step-body strong { display: block; font-weight: 700; margin-bottom: 4px; color: var(–text-dark); }
.step-body span { color: var(–text-gray); font-size: 0.95rem; }
/* — TABLE — */
.data-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 0.95rem;
}
.elig-table th {
background: var(–primary-dark);
color: #fff;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 12px 16px;
text-align: left;
font-size: 0.85rem;
}
.data-table td {
padding: 11px 16px;
border-bottom: 1px solid var(–border);
color: var(–text-gray);
vertical-align: top;
}
.data-table tr:nth-child(even) td { background: var(–primary-pale); }
.data-table td strong { color: var(–text-dark); }
/* — TIMELINE — */
.timeline { list-style: none; padding: 0; margin: 20px 0; }
.timeline li {
display: flex;
gap: 16px;
margin-bottom: 16px;
align-items: flex-start;
.timeline-dot {
width: 14px; height: 14px;
background: var(–primary);
border-radius: 50%;
flex-shrink: 0;
margin-top: 6px;
}
.timeline-date { font-weight: 700; color: var(–primary-dark); }
.timeline-event { color: var(–text-dark); font-weight: 600; }
.tl-body strong { display: block; color: var(–text-dark); font-weight: 600; }
.tl-body span { color: var(–text-gray); font-size: 0.93rem; }
/* — FAQ — */
.faq-item {
border: 1px solid var(–border);
border-radius: 10px;
margin-bottom: 12px;
overflow: hidden;
}
.faq-q {
width: 100%;
background: var(–warm-white);
border: none;
padding: 16px 20px;
text-align: left;
font-family: ‘Inter’, sans-serif;
font-size: 1rem;
font-weight: 600;
color: var(–text-dark);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.faq-q:hover { background: var(–primary-pale); }
.faq-arrow { font-size: 0.8rem; color: var(–primary); transition: transform 0.25s; flex-shrink: 0; }
.faq-item.open .faq-arrow { transform: rotate(180deg); }
.faq-a {
display: none;
padding: 0 20px 18px;
color: var(–text-gray);
font-size: 0.95rem;
line-height: 1.8;
border-top: 1px solid var(–border);
background: var(–primary-pale);
}
.faq-item.open .faq-a { display: block; }
/* — RELATED CARDS — */
.related-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 14px;
margin: 20px 0;
}
.related-card {
background: var(–warm-white);
border: 1px solid var(–border);
border-radius: 10px;
padding: 16px;
text-decoration: none;
color: var(–text-dark);
transition: border-color 0.2s, transform 0.15s;
display: block;
}
.related-card:hover { border-color: var(–primary); transform: translateY(-2px); }
.related-card .rc-cat {
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(–primary);
margin-bottom: 6px;
}
.related-card .rc-title { font-size: 0.9rem; font-weight: 600; line-height: 1.4; color: var(–text-dark); }
/* — ENTRY SECTION — */
.entry-section {
background: linear-gradient(135deg, #FF5733 0%, #DAF7A6 100%);
border-radius: 20px;
padding: 44px 36px;
text-align: center;
margin: 36px 0;
color: #fff;
box-shadow: 0 12px 40px rgba(0,0,0,0.18);
}
.entry-section h2 {
font-family: ‘Playfair Display’, serif;
font-size: 2.1rem;
font-weight: 800;
color: #fff;
border: none;
padding: 0;
margin-bottom: 8px;
text-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.entry-section h2 span { color: rgba(255,255,255,0.9); font-style: italic; }
.entry-section > p { color: rgba(255,255,255,0.88); margin-bottom: 28px; font-size: 1.05rem; }
.entry-stat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin: 0 auto 28px;
max-width: 560px;
}
.entry-stat-box {
background: rgba(255,255,255,0.18);
border: 1px solid rgba(255,255,255,0.3);
border-radius: 12px;
padding: 14px 10px;
backdrop-filter: blur(4px);
}
.entry-stat-box .stat-label {
display: block;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(255,255,255,0.7);
margin-bottom: 4px;
}
.entry-stat-box .stat-value {
display: block;
font-size: 1rem;
font-weight: 800;
color: #fff;
line-height: 1.3;
}
@media (max-width: 480px) {
.entry-stat-grid { grid-template-columns: 1fr 1fr; }
.entry-stat-grid .entry-stat-box:last-child { grid-column: 1 / -1; }
}
/* — POPUP OVERLAY — */
.popup-overlay {
display: none;
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.55);
z-index: 9999;
}
.popup-overlay.active { display: block; }
/* — FACT POPUPS — */
.fact-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
background: #fff;
border: 3px solid var(–primary);
border-radius: 16px;
padding: 24px 28px;
max-width: 320px;
width: 90%;
text-align: center;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
font-family: ‘Inter’, sans-serif;
font-size: 0.95rem;
color: var(–text-dark);
line-height: 1.6;
}
.fact-icon { display: block; font-size: 2.2rem; margin-bottom: 10px; }
.fact-title {
display: block;
font-family: ‘Playfair Display’, serif;
font-size: 1.2rem;
font-weight: 700;
color: var(–primary);
margin-bottom: 8px;
}
/* — SKIP POPUP — */
#skip-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10001;
background: #fff;
border: 3px solid var(–primary);
border-radius: 18px;
padding: 30px 28px;
max-width: 340px;
width: 90%;
text-align: center;
box-shadow: 0 24px 70px rgba(0,0,0,0.35);
font-family: ‘Inter’, sans-serif;
}
#skip-popup .skip-icon { font-size: 2.4rem; margin-bottom: 10px; display: block; }
#skip-popup h3 {
font-family: ‘Playfair Display’, serif;
font-size: 1.4rem;
font-weight: 700;
color: var(–primary);
margin-bottom: 8px;
}
#skip-popup p { color: var(–text-gray); font-size: 0.92rem; margin-bottom: 20px; }
.popup-btn-yes {
display: block; width: 100%;
background: var(–primary); color: #fff;
font-family: ‘Inter’, sans-serif; font-size: 1rem; font-weight: 800;
text-transform: uppercase; letter-spacing: 0.04em;
padding: 13px; border-radius: 50px; border: none; cursor: pointer; margin-bottom: 10px;
}
.popup-btn-yes:hover { background: var(–primary-dark); }
.popup-btn-no {
display: block; width: 100%;
background: transparent; color: var(–text-gray);
font-size: 0.9rem; padding: 10px; border-radius: 50px;
border: 1px solid var(–border); cursor: pointer;
}
.popup-btn-no:hover { background: var(–cream); }
@media (max-width: 600px) {
section { padding: 24px 18px; }
.entry-section { padding: 28px 18px; }
}
Get Ready for Summer Fun,
Enter to Win,
Exciting Prizes Await!
Join the Clubtails Cocktails Countdown to Summer Sweepstakes today! Exciting prizes await those ready to make a splash this summer.
What Is the Clubtails Cocktails Countdown to Summer Sweepstakes?
The Clubtails Cocktails Countdown to Summer Sweepstakes is your chance to win amazing prizes just in time for summer! Hosted by HP2 Win, this sweepstakes offers a variety of fun and exciting items perfect for outdoor enjoyment.
From a luxurious jet ski to beach balls and camping chairs, there’s something for everyone. Enter now and kick off your summer with a bang!
The Prizes — $12,000 Jet Ski and More!
How to Enter Step by Step
- 1
Visit the Entry Page
Head to the Clubtails Cocktails Countdown to Summer Sweepstakes entry page.
- 2
Fill Out the Entry Form
Complete the entry form with your details. No purchase necessary!
- 3
Submit Your Entry
Click the submit button and you’re in the running for exciting prizes!
Who Can Enter — Eligibility
| Field | Details |
|---|---|
| Age | 21 years or older |
| Entry Method | No purchase necessary |
| Entry Frequency | Weekly |
| Location | Open to residents of the U.S. |
Timeline & Key Dates
Tips to Maximize Your Chances
- Enter regularly to increase your chances of winning!
- Share the sweepstakes with friends for bonus entries!
- Follow Clubtails Cocktails on social media for updates!
- Check your email for winner notifications!
Frequently Asked Questions
Visit the entry page and fill out the form.
No, entry is completely free.
You must be 21 years or older to enter.
More Free Sweepstakes to Enter
Ready to Enter Free?
Don't miss your chance to win fantastic summer prizes! Enter now for free and make this summer unforgettable.
$12,000
June 30, 2026
One Time
ENTER HERE ✨
Exciting Prizes!
You could win a jet ski along with many other amazing prizes.
Perfect for Summer!
Get ready for fun summer activities with our prizes.
Multiple Winners!
Many chances to win with various prizes available.
Enter Weekly!
Increase your chances by entering every week.
document.addEventListener(‘DOMContentLoaded’, function() {
// — COUNTDOWN —
var deadline = new Date(‘2026-06-30T23:59:59’).getTime();
function updateCountdown() {
var now = Date.now();
var diff = deadline – now;
if (diff 0 ? (scrollTop / docHeight) * 100 : 0;
var bar = document.getElementById(‘xp-bar’);
if (bar) bar.style.width = Math.min(pct, 100) + ‘%’;
if (!fact1Shown && pct >= 15) { fact1Shown = true; triggerFact(‘fact1’); }
else if (!fact2Shown && pct >= 35) { fact2Shown = true; triggerFact(‘fact2’); }
else if (!fact3Shown && pct >= 58) { fact3Shown = true; triggerFact(‘fact3’); }
else if (!fact4Shown && pct >= 80) { fact4Shown = true; triggerFact(‘fact4’); }
});
// — ENTER HERE button: scroll to entry section —
var startBtn = document.getElementById(‘scroll-start-btn’);
if (startBtn) {
startBtn.addEventListener(‘click’, function(e) {
e.preventDefault();
var section = document.getElementById(‘enter-now’);
if (section) section.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ });
});
}
// — FAQ ACCORDION —
document.querySelectorAll(‘.faq-q’).forEach(function(btn) {
btn.addEventListener(‘click’, function() {
var item = this.closest(‘.faq-item’);
if (!item) return;
var isOpen = item.classList.contains(‘open’);
document.querySelectorAll(‘.faq-item.open’).forEach(function(el) { el.classList.remove(‘open’); });
if (!isOpen) item.classList.add(‘open’);
});
});
});
Helpful Freebie Mom Guides
Keep going