cienpta reacted to
Jake7589 in 💰[$10,000 USD] HtFt Giveaway ⚽️
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&family=Barlow+Condensed:wght@700;800;900&display=swap');
:root {
--navy: #071824; --white: #ffffff;
--bolt: #1475E1; --bolt-dark: #0749CE; --bolt-darker: #082F5A;
--charge: #FFB800; --charge-dark: #FF8C00; --charge-darker: #4D3700;
--surface: #0d2438; --surface2: #112d44; --muted: #7fa8c4;
--display: 'Barlow Condensed', 'Inter', sans-serif;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background: var(--navy); color: var(--white); font-family: 'Inter', sans-serif; min-height: 100vh; overflow-x: hidden; }
.container { max-width:740px; margin:0 auto; padding:24px 20px 60px; position:relative; z-index:1; }
.fade-up { opacity:0; transform:translateY(28px); animation:fadeUp .6s ease forwards; }
@keyframes fadeUp { to { opacity:1; transform:none; } }
.header { text-align:center; padding:48px 28px 40px; background: linear-gradient(160deg, var(--surface2) 0%, var(--navy) 100%); border-radius:20px; border:1px solid #ffffff14; margin-bottom:20px; position:relative; overflow:hidden; animation-delay:.05s; }
.header::before { content:''; position:absolute; top:-80px; left:50%; transform:translateX(-50%); width:380px; height:380px; background: radial-gradient(circle, rgba(20,117,225,0.20) 0%, transparent 70%); animation: pulse-glow 4s ease-in-out infinite; pointer-events:none; }
@keyframes pulse-glow { 0%,100% { opacity:.55; transform:translateX(-50%) scale(1); } 50% { opacity:1; transform:translateX(-50%) scale(1.15); } }
.eyebrow { font-family: var(--display); font-weight:700; font-size:13px; letter-spacing:.32em; color:var(--bolt); text-transform:uppercase; margin-bottom:14px; }
.header h1 { font-family: var(--display); font-size:62px; font-weight:900; text-transform:uppercase; line-height:.92; letter-spacing:.01em; color:var(--white); margin-bottom:4px; }
.h1-accent { color:var(--charge); }
.ends-label { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.15em; margin:18px 0 10px; }
.ends-label strong { color:var(--white); }
.countdown-wrapper { margin:10px 0 22px; }
.countdown-wrapper iframe { border-radius:8px; }
.header-desc { font-size:15px; color:#b0cee4; max-width:520px; margin:0 auto 14px; line-height:1.7; }
.header-desc:last-of-type { margin-bottom:26px; }
.header-desc strong { color:var(--white); }
.play-btn { display:inline-block; font-family: var(--display); padding:18px 50px; background: linear-gradient(135deg, var(--bolt) 0%, var(--bolt-dark) 100%); color:var(--white); font-size:22px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; border-radius:12px; transition:transform .2s, box-shadow .2s; position:relative; overflow:hidden; }
.play-btn::after { content:''; position:absolute; inset:0; background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.25) 50%, transparent 70%); transform:translateX(-100%); transition:transform .5s ease; }
.play-btn:hover { transform:translateY(-3px); box-shadow:0 10px 36px rgba(20,117,225,0.45); }
.play-btn:hover::after { transform:translateX(100%); }
.play-btn:active { transform:scale(.97); }
.cta-sm { display:inline-block; font-family: var(--display); padding:12px 30px; background: linear-gradient(135deg, var(--charge) 0%, var(--charge-dark) 100%); color:var(--navy) !important; font-size:16px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; text-decoration:none !important; border-radius:10px; transition:transform .2s, box-shadow .2s; box-shadow:0 4px 16px rgba(255,184,0,0.27); }
.cta-sm:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(255,184,0,0.4); text-decoration:none !important; }
.cta-sm:active { transform:scale(.97); }
.code-link { color:var(--charge); text-decoration:none; border-bottom:1px dashed rgba(255,184,0,0.55); padding-bottom:1px; transition:color .2s, border-color .2s; font-weight:700; }
.code-link:hover { color:#ffce4d; border-bottom-color:#ffce4d; }
.rewards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.reward-card { border-radius:18px; padding:30px 22px 26px; text-align:center; border:1px solid transparent; position:relative; overflow:hidden; transition:transform .3s, box-shadow .3s; }
.reward-card:hover { transform:translateY(-6px); }
.reward-card.cash { background: linear-gradient(160deg, var(--bolt) 0%, var(--bolt-dark) 60%, var(--bolt-darker) 130%); border-color: var(--bolt); }
.reward-card.cash:hover { box-shadow:0 18px 50px rgba(20,117,225,0.4); }
.reward-card.pool { background: linear-gradient(160deg, var(--charge) 0%, var(--charge-dark) 60%, var(--charge-darker) 130%); border-color: var(--charge); }
.reward-card.pool:hover { box-shadow:0 18px 50px rgba(255,184,0,0.4); }
.reward-card.pool .ribbon, .reward-card.pool .headline, .reward-card.pool .subline, .reward-card.pool .footnote { color:var(--navy); }
.reward-card.pool .ribbon { color:rgba(7,24,36,.7); }
.reward-card.pool .footnote { color:rgba(7,24,36,.7); }
.reward-card .ribbon { font-family:var(--display); font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.3em; color:rgba(255,255,255,.85); margin-bottom:10px; }
.reward-card .headline { font-family:var(--display); font-weight:900; font-size:54px; line-height:.95; color:var(--white); letter-spacing:.005em; }
.reward-card .subline { font-family:var(--display); font-weight:900; font-size:18px; text-transform:uppercase; letter-spacing:.14em; color:var(--white); margin-top:10px; }
.reward-card .footnote { font-size:12px; color:rgba(255,255,255,.75); margin-top:12px; letter-spacing:.04em; }
.pill { background:rgba(20,117,225,0.10); border:1px solid rgba(20,117,225,0.35); border-radius:40px; padding:12px 22px; text-align:center; font-size:13px; font-weight:600; color:#7fb8ff; margin-bottom:18px; transition:background .3s, border-color .3s; line-height:1.7; }
.pill:hover { background:rgba(20,117,225,0.18); border-color:rgba(20,117,225,0.6); }
.pill strong { color:var(--white); }
.section { background: var(--surface); border-radius:16px; padding:26px; margin-bottom:16px; border:1px solid #ffffff0d; transition:border-color .3s, box-shadow .3s; }
.section:hover { border-color:rgba(20,117,225,0.35); box-shadow:0 4px 24px rgba(20,117,225,0.08); }
.section-title { font-family:var(--display); font-size:24px; font-weight:900; color:var(--white); text-transform:uppercase; letter-spacing:.05em; margin-bottom:20px; display:flex; align-items:center; gap:12px; }
.section-title .num { color:var(--bolt); font-size:18px; font-weight:700; letter-spacing:.1em; }
.steps { display:flex; flex-direction:column; gap:14px; }
.step { display:flex; gap:14px; align-items:flex-start; }
.step-num { font-family:var(--display); min-width:38px; height:38px; background: linear-gradient(135deg, var(--bolt), var(--bolt-dark)); border-radius:10px; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:19px; color:var(--white); flex-shrink:0; transition:transform .25s, box-shadow .25s; }
.step:hover .step-num { transform:scale(1.12); box-shadow:0 0 0 6px rgba(20,117,225,0.15); }
.step-text { font-size:15px; color:#b0cee4; padding-top:7px; line-height:1.55; }
.step-text strong { color:var(--white); }
.req-list { display:flex; flex-direction:column; gap:10px; }
.req-item { display:flex; align-items:center; gap:14px; background:var(--navy); border-radius:12px; padding:14px 16px; border:1px solid #ffffff0a; transition:background .25s, border-color .25s, transform .25s; }
.req-item:hover { background:#0a2236; border-color:rgba(20,117,225,0.45); transform:translateX(6px); }
.req-icon { font-size:20px; flex-shrink:0; }
.req-text { font-size:14px; color:#b0cee4; }
.req-text strong { color:var(--bolt); }
.pool-total { text-align:center; padding:32px 22px; background:linear-gradient(135deg, rgba(20,117,225,0.10), rgba(20,117,225,0.02)); border:1px solid rgba(20,117,225,0.35); border-radius:16px; margin-bottom:20px; transition:box-shadow .3s; position:relative; overflow:hidden; }
.pool-total::before { content:''; position:absolute; inset:0; background: radial-gradient(ellipse at 50% 0%, rgba(20,117,225,0.18) 0%, transparent 60%); pointer-events:none; }
.pool-total:hover { box-shadow:0 0 40px rgba(20,117,225,0.18); }
.pool-total .pool-label { font-family:var(--display); font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:.3em; margin-bottom:10px; position:relative; }
.pool-total .pool-amount { font-family:var(--display); font-size:78px; font-weight:900; color:var(--bolt); line-height:1; letter-spacing:.01em; position:relative; animation: count-pulse 3s ease-in-out infinite; }
@keyframes count-pulse { 0%,100% { filter:drop-shadow(0 0 0 transparent); } 50% { filter:drop-shadow(0 0 24px rgba(20,117,225,0.5)); } }
.pool-total .winners-line { font-family:var(--display); font-size:14px; color:var(--white); text-transform:uppercase; letter-spacing:.22em; margin-top:12px; font-weight:700; position:relative; }
.pool-total .winners-line strong { color:var(--charge); }
.notice { background:rgba(255,123,0,0.08); border:1px solid rgba(255,123,0,0.32); border-radius:14px; padding:16px; margin-bottom:16px; display:flex; gap:14px; align-items:flex-start; transition:border-color .3s; }
.notice:hover { border-color:rgba(255,123,0,0.6); }
.n-icon { font-size:22px; flex-shrink:0; }
.n-text { font-size:13px; color:#f0c8a0; line-height:1.7; }
.n-text strong { color:var(--white); }
.stake-badge { font-family:var(--display); text-align:center; padding:16px; background:linear-gradient(135deg, rgba(20,117,225,0.18), rgba(20,117,225,0.04)); border:1px solid rgba(20,117,225,0.4); border-radius:12px; color:var(--white); font-weight:900; font-size:18px; letter-spacing:.2em; text-transform:uppercase; margin-bottom:16px; position:relative; overflow:hidden; transition:box-shadow .3s; }
.stake-badge:hover { box-shadow:0 0 32px rgba(20,117,225,0.3); }
.stake-badge::after { content:''; position:absolute; top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(20,117,225,0.18),transparent); animation:sweep 3s linear infinite; }
@keyframes sweep { to { left:160%; } }
details { background:var(--navy); border:1px solid #ffffff0d; border-radius:14px; overflow:hidden; transition:border-color .3s; }
details:hover { border-color:rgba(20,117,225,0.3); }
summary { padding:18px 20px; cursor:pointer; font-family:var(--display); font-weight:900; font-size:15px; letter-spacing:.15em; text-transform:uppercase; color:var(--muted); list-style:none; display:flex; justify-content:space-between; align-items:center; user-select:none; transition:color .2s; }
summary:hover { color:var(--white); }
summary::after { content:'▼'; font-size:10px; color:var(--bolt); }
details[open] summary::after { content:'▲'; }
.terms-body { padding:0 20px 20px; font-size:13px; color:#6a90a8; line-height:1.9; }
.terms-body h2 { font-family:var(--display); font-size:14px; color:var(--bolt); text-transform:uppercase; letter-spacing:.18em; margin:18px 0 8px; font-weight:900; }
.terms-body ul, .terms-body ol { padding-left:20px; }
.terms-body li { margin-bottom:5px; }
.terms-body a { color:var(--bolt); }
.d1{animation-delay:.05s} .d2{animation-delay:.13s} .d3{animation-delay:.21s} .d4{animation-delay:.29s} .d5{animation-delay:.37s} .d6{animation-delay:.45s} .d7{animation-delay:.53s} .d8{animation-delay:.61s} .d9{animation-delay:.69s}
@media(max-width:480px){
.header h1 { font-size:44px; }
.pool-total .pool-amount { font-size:54px; }
.rewards { grid-template-columns:1fr; }
.reward-card .headline { font-size:46px; }
.section { padding:22px 18px; }
}
HtfT
Giveaway
Entries close: 16/7/2026
Place a $5+ bet on any Semi Final match (single, multi, or SGM), share your Bet ID below
⚽️ Place Your Bet
100 Winners
$100
Each
$10,000
Prize Pool
💡 Bets must be on a Semi Final match
[01] How To Enter
1
Place a bet on any Semi Final match (single, multi, or SGM)
2
Your bet must be a minimum of $5 USD
3
Reply to this thread with your Bet ID
[02] Requirements
🎯
Minimum bet of $5 USD or above
💬
Post your Bet ID as a reply to this thread
🔒
Must be a Stake.com account in good standing
[03] Prize Breakdown
Prize Pool
$10,000
100 Winners
‼️ Stake.com Users Only ‼️
📄 Full Terms & Conditions
This competition is published by Stake, which operates stake.com, and is subject to the Stake Terms and Conditions and Community Terms of Use.
In the event of conflict, the following order of precedence applies:
Terms and Conditions
These Rules
Stake Community Terms of Use
Entry & Eligibility
Minimum bet of $5 USD or equivalent.
Winners & Prizes
100 winners each receive $100 ($10,000 total prize pool).
Winners selected at random from all eligible entries.
Winners are announced and notified via the forum thread.
Cash prizes delivered within 14 days of the competition closing.
Account Eligibility
Active Stake.com account in good standing
KYC Level 2 verification required for cash prize delivery
Account must have no restrictions or exclusions
Must not be a Stake employee
Must maintain only one Stake account
Must not be in a Prohibited Jurisdiction
Stake’s Reserved Rights
To amend the Rules at any time
To cancel the Competition at any time
To verify the nominated account for prize delivery
cienpta got a reaction from Mylesvictor in 🏆 What’s the Most Interesting Sports Bet You've Ever Placed?
cienpta got a reaction from peejay in 🏆 What’s the Most Interesting Sports Bet You've Ever Placed?