Soablee

@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(255,184,0,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); } } .header h1 { font-family: var(--display); font-size:58px; font-weight:900; text-transform:uppercase; line-height:.92; letter-spacing:.01em; color:var(--white); margin-bottom:4px; } .h1-accent { color:var(--charge); } /* BETSLIP MINI FRAME */ .betslip-frame { display:inline-block; margin:0 auto 28px; border-radius:16px; overflow:hidden; border:1px solid #FFB80044; box-shadow:0 8px 32px rgba(0,0,0,.5), 0 0 0 1px #ffffff08; position:relative; background:#091723; max-width:420px; width:100%; transition:box-shadow .3s, border-color .3s; } .betslip-frame:hover { border-color:#FFB800aa; box-shadow:0 12px 40px rgba(0,0,0,.6), 0 0 24px #FFB80022; } .betslip-frame img { width:100%; height:auto; display:block; } .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(--charge) 0%, var(--charge-dark) 100%); color:var(--navy); font-size:22px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; text-decoration:none !important; border-radius:12px; transition:transform .2s, box-shadow .2s; position:relative; overflow:hidden; box-shadow:0 4px 20px rgba(255,184,0,0.27); } .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(255,184,0,0.4); text-decoration:none !important; } .play-btn:hover::after { transform:translateX(100%); } .play-btn:active { transform:scale(.97); } .rewards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; align-items:stretch; } .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; display:flex; flex-direction:column; justify-content:center; } .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 .headline, .reward-card.pool .subline, .reward-card.pool .footnote, .reward-card.pool .kicker { color:var(--navy); } .reward-card.pool .footnote { color:rgba(7,24,36,.7); } .reward-card .badge { position:absolute; top:14px; right:16px; font-size:24px; animation:float 3s ease-in-out infinite; } @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } .reward-card .headline { font-family:var(--display); font-weight:900; font-size:50px; line-height:.95; color:var(--white); letter-spacing:.005em; } .reward-card .prize-name { font-family:var(--display); font-weight:900; font-size:22px; line-height:1.05; text-transform:uppercase; letter-spacing:.05em; color:var(--white); margin-top:8px; } .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 .kicker { font-family:var(--display); font-weight:900; font-size:12px; text-transform:uppercase; letter-spacing:.24em; color:rgba(255,255,255,.75); margin-top:12px; } .reward-card .footnote { font-size:12px; color:rgba(255,255,255,.75); margin-top:12px; letter-spacing:.04em; } .pool-strip { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px 14px; padding:14px 22px; background:linear-gradient(135deg, rgba(255,184,0,0.12), rgba(255,184,0,0.03)); border:1px solid rgba(255,184,0,0.4); border-radius:14px; margin-bottom:16px; font-family:var(--display); text-transform:uppercase; letter-spacing:.18em; font-weight:700; color:var(--muted); font-size:13px; transition:box-shadow .3s; text-align:center; } .pool-strip:hover { box-shadow:0 0 30px rgba(255,184,0,0.18); } .pool-strip strong { color:var(--charge); font-size:20px; letter-spacing:.02em; } .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(--charge); } .pool-total { text-align:center; padding:32px 22px; background:linear-gradient(135deg, rgba(255,184,0,0.10), rgba(255,184,0,0.02)); border:1px solid rgba(255,184,0,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(255,184,0,0.18) 0%, transparent 60%); pointer-events:none; } .pool-total:hover { box-shadow:0 0 40px rgba(255,184,0,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:44px; font-weight:900; color:var(--charge); line-height:1.08; letter-spacing:.01em; position:relative; animation: count-pulse 3s ease-in-out infinite; max-width:520px; margin:0 auto; } @keyframes count-pulse { 0%,100% { filter:drop-shadow(0 0 0 transparent); } 50% { filter:drop-shadow(0 0 24px rgba(255,184,0,0.5)); } } .pool-total .winners-line { font-family:var(--display); font-size:14px; color:var(--white); text-transform:uppercase; letter-spacing:.22em; margin-top:14px; font-weight:700; position:relative; } .pool-total .winners-line strong { color:var(--charge); } .tier-table { display:flex; flex-direction:column; gap:8px; } .tier-row { display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; padding:16px 18px; background:var(--navy); border-radius:10px; border:1px solid #ffffff0a; transition:background .2s, border-color .2s, transform .2s; } .tier-row:hover { background:#0a2236; border-color:rgba(255,184,0,0.3); transform:translateX(4px); } .tier-label { font-family:var(--display); font-weight:900; text-transform:uppercase; font-size:17px; color:var(--white); letter-spacing:.06em; display:flex; align-items:center; gap:10px; } .tier-value { font-family:var(--display); font-weight:900; font-size:22px; color:var(--charge); text-align:right; letter-spacing:.01em; line-height:1.2; } .tier-value.long { font-size:15px; line-height:1.35; } .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; gap:14px; user-select:none; transition:color .2s; } summary:hover { color:var(--white); } summary::after { content:'▼'; font-size:10px; color:var(--bolt); flex-shrink:0; } 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:40px; } .pool-total .pool-amount { font-size:32px; } .rewards { grid-template-columns:1fr; } .reward-card .headline { font-size:46px; } .section { padding:22px 18px; } .pool-strip { flex-direction:column; gap:4px; text-align:center; padding:18px; } .tier-row { grid-template-columns:1fr; gap:6px; } .tier-value, .tier-value.long { text-align:left; } } Match Hazard’s MULTI
Competition ends: 27/6/2026 @ 3:00 aM GMT
We're giving away a signed Eden Hazard Stake jersey and $500 to 5 lucky users
To enter, copy the multi below, place it, and drop your Bet ID in the comments.
Five names get pulled, make sure one of them is yours ⚽️🔥
🥊 View Bet 🏆 SIGNED Eden Hazard Jersey Grand Prize 🥈 Plus $500 Per Winner × 5 Winners 5 winners randomly drawn · Signed jersey + $500 each 💡 Submitted bets must be the exact same as linked above [01] How To Enter 1 Place the same Multi as shown above 2 Place a bet of at least $10 USD or equivalent in any currency 3 Copy your Bet ID after placing your bet 4 Reply to this thread with your Bet ID to enter [02] Requirements ⚽️ Bets must be the same as the bet shown above 💵 Minimum bet amount: $10 USD or equivalent in any currency 💬 Reply to this thread with your Bet ID 🔒 Must be a Stake.com account — Bronze VIP or above [03] Prize Pool Prize SIGNED EDEN HAZARD JERSEY 5 Winners · $500 Each 🏆 Prize SIGNED HAZARD JERSEY + $500 CASH 🥈 5 × Winners $500 each 👥 Total Winners 5 People 📅 Duration 3 Days ⚠️ Don't miss out! Stay tuned for winner announcements. You must claim your prize within 3 months — users will not be credited after this period expires. ‼️ Stake.com users only ‼️ 📄 Full Terms & Conditions — click to expand 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 Prizes & Delivery
Winners will have their username displayed on the thread with a prize claim link. Prizes delivered within 14 days of competition ending. Winners selected at random from all eligible entries. Eligibility
KYC Level 2 verification required 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