berkhancetintas reacted to
DragoslavP in $5,000 Road To The Trophy | Group Stage
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@400;600;700&display=swap');
:root {
--card: rgba(8, 18, 38, 0.92);
--line: rgba(255,255,255,0.08);
--text: #f0f4ff;
--muted: #7a8fbb;
--gold: #FFB800;
--blue-prize: #4A9FFF;
--red-prize: #E8162B;
--orange-prize: #FF7A00;
--green-prize: #00D632;
--shadow: 0 20px 60px rgba(0,0,0,0.6);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Barlow', sans-serif;
background: #0a1525;
color: var(--text);
padding: 24px;
max-width: 100%px;
margin: 0 auto;
}
/* ── GLASS CARD ── */
.glass-card {
border: 1px solid rgba(255,255,255,0.09);
border-radius: 28px;
padding: 28px;
margin-bottom: 20px;
background: rgba(8, 18, 38, 0.95);
box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,0.07);
color: var(--text);
transition: 0.25s ease;
position: relative;
overflow: hidden;
}
/* Trionda-inspired flowing curved stripes */
.glass-card::before {
content:'';
position:absolute;
inset:0;
background-image: url("data:image/svg+xml,%3Csvg width='600' height='400' viewBox='0 0 600 400' xmlns='http://www.w3.org/2000/svg'%3E%3C!-- red flowing curve --%3E%3Cpath d='M-50 300 C100 250 150 100 300 80 C450 60 500 200 650 150' fill='none' stroke='%23e8162b' stroke-width='28' opacity='0.09' stroke-linecap='round'/%3E%3Cpath d='M-50 320 C100 270 150 120 300 100 C450 80 500 220 650 170' fill='none' stroke='%23e8162b' stroke-width='10' opacity='0.06' stroke-linecap='round'/%3E%3C!-- blue flowing curve --%3E%3Cpath d='M-50 100 C50 150 200 180 320 160 C440 140 520 50 650 80' fill='none' stroke='%232255cc' stroke-width='28' opacity='0.1' stroke-linecap='round'/%3E%3Cpath d='M-50 80 C50 130 200 160 320 140 C440 120 520 30 650 60' fill='none' stroke='%232255cc' stroke-width='10' opacity='0.06' stroke-linecap='round'/%3E%3C!-- green flowing curve --%3E%3Cpath d='M-50 420 C120 380 200 300 350 320 C480 340 560 420 650 380' fill='none' stroke='%2300a040' stroke-width='24' opacity='0.08' stroke-linecap='round'/%3E%3C!-- stars scattered --%3E%3Cpolygon points='480,60 483,70 494,70 485,76 488,87 480,81 472,87 475,76 466,70 477,70' fill='%234a9fff' opacity='0.12'/%3E%3Cpolygon points='120,320 123,330 134,330 125,336 128,347 120,341 112,347 115,336 106,330 117,330' fill='%234a9fff' opacity='0.1'/%3E%3Cpolygon points='540,280 542,287 550,287 543,292 546,299 540,295 534,299 537,292 530,287 538,287' fill='%234a9fff' opacity='0.1'/%3E%3Cpolygon points='200,80 202,87 210,87 203,92 206,99 200,95 194,99 197,92 190,87 198,87' fill='%234a9fff' opacity='0.1'/%3E%3C!-- inner line details on curves --%3E%3Cpath d='M-50 295 C100 245 150 95 300 75 C450 55 500 195 650 145' fill='none' stroke='%23e8162b' stroke-width='2' opacity='0.08' stroke-linecap='round' stroke-dasharray='4 6'/%3E%3Cpath d='M-50 95 C50 145 200 175 320 155 C440 135 520 45 650 75' fill='none' stroke='%232255cc' stroke-width='2' opacity='0.08' stroke-linecap='round' stroke-dasharray='4 6'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
pointer-events: none;
border-radius: 28px;
z-index: 0;
}
.glass-card::after { content: none; }
.glass-card > * {
position: relative;
z-index: 1;
}
.glass-card:hover { transform: translateY(-4px); }
/* ── BADGE ── */
.badge {
position: absolute;
top: 18px; right: 18px;
padding: 10px 18px;
border-radius: 999px;
border: 1px solid rgba(255,215,0,0.5);
background: rgba(255,215,0,0.07);
font-weight: 700;
font-size: 13px;
backdrop-filter: blur(6px);
box-shadow: 0 4px 18px rgba(0,0,0,0.3);
overflow: hidden;
color: var(--gold);
}
.badge::after {
content:"";
position:absolute;
top:-50%; left:-60%;
width:60%; height:200%;
background: linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);
transform: rotate(20deg);
animation: shineBadge 4s linear infinite;
}
@keyframes shineBadge { 0%{left:-60%} 100%{left:120%} }
/* ── TOP STRIPE ── */
.top-stripe {
width: 100%;
height: 4px;
background: linear-gradient(90deg, var(--red), var(--gold), var(--red));
border-radius: 999px;
margin-bottom: 22px;
opacity: 0.85;
}
/* ── HERO TITLE ── */
.hero-title {
font-family: 'Bebas Neue', sans-serif;
font-size: 56px;
text-align: center;
letter-spacing: 4px;
line-height: 1.05;
background: linear-gradient(135deg, #fff 20%, var(--gold) 55%, #e8162b 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 10px;
}
.hero-sub {
text-align: center;
color: var(--muted);
margin-top: 6px;
font-size: 15px;
}
/* ── BOUNCE BALL ── */
.bounce-ball {
font-size: 26px;
display: inline-block;
animation: bounce 1s infinite ease-in-out;
}
@keyframes bounce {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
/* ── GOLD DIVIDER ── */
.gold-divider {
width: 100%;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold), var(--red), var(--gold), transparent);
border-radius: 999px;
margin: 18px 0;
opacity: 0.5;
}
/* ── BET BUTTON ── */
.bet-wrap { text-align:center; margin: 18px 0 10px; }
.bet-btn {
display: inline-block;
padding: 16px 56px;
background: linear-gradient(135deg, #e8162b, #c0101f);
color: #fff;
font-weight: 800;
font-size: 17px;
font-family: 'Barlow Condensed', sans-serif;
letter-spacing: 1px;
border-radius: 14px;
text-decoration: none !important;
transition: 0.25s ease;
box-shadow: 0 10px 30px rgba(232,22,43,0.35);
border: 1px solid rgba(255,255,255,0.15);
}
.bet-btn:hover {
transform: translateY(-3px);
box-shadow: 0 16px 40px rgba(232,22,43,0.5);
}
/* ── CHALLENGE BOX ── */
.challenge-box {
background: linear-gradient(145deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
border: 1px solid rgba(255,215,0,0.15);
border-radius: 20px;
padding: 26px;
margin-bottom: 18px;
text-align: center;
position: relative;
overflow: hidden;
}
.challenge-title {
font-family: 'Bebas Neue', sans-serif;
font-size: 24px;
letter-spacing: 3px;
color: var(--gold);
margin-bottom: 18px;
}
.feature-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 14px;
}
.feature {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 14px;
padding: 14px 14px 14px 44px;
font-size: 14px;
transition: 0.25s ease;
position: relative;
display: flex;
align-items: center;
text-align: left;
}
.feature:hover {
background: rgba(232,22,43,0.08);
transform: translateY(-4px);
border-color: rgba(232,22,43,0.3);
}
.feature::before {
content: attr(data-step);
position: absolute;
left: 14px; top: 50%;
transform: translateY(-50%);
width: 22px; height: 22px;
border-radius: 50%;
background: rgba(255,215,0,0.12);
border: 1px solid rgba(255,215,0,0.5);
color: var(--gold);
font-size: 11px; font-weight: 800;
display:flex; align-items:center; justify-content:center;
}
/* ── INFO GRID ── */
.info-grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 14px;
margin-top: 18px;
}
.info-box {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 14px;
padding: 16px;
text-align: center;
transition: 0.25s ease;
}
.req-item {
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 12px;
padding: 12px;
margin-bottom: 10px;
font-size: 14px;
text-align: left;
transition: 0.25s ease;
}
.req-item:hover {
background: rgba(255,215,0,0.06);
transform: translateY(-3px);
border-color: rgba(255,215,0,0.2);
}
/* ── PRIZE ── */
.prize-box:hover {
background: rgba(255,215,0,0.06);
transform: translateY(-3px);
}
.prize-shiny {
font-family: 'Bebas Neue', sans-serif;
font-size: 62px;
letter-spacing: 3px;
background: linear-gradient(90deg, #FFD700, #fff8c0, #FFD700);
background-size: 200%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shine 3s linear infinite;
}
@keyframes shine {
0%{background-position:200% center}
100%{background-position:-200% center}
}
.prize-list { margin-top: 10px; font-size: 14px; }
.prize-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 0;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.prize-row span:first-child { color: var(--text); }
.prize-row span:last-child { color: var(--gold); font-weight: 700; }
.prize-row:last-child { border: none; }
/* ── DROPDOWN ── */
.dropdown-card {
background: rgba(255,255,255,0.04);
border-radius: 16px;
margin-top: 20px;
overflow: hidden;
border: 1px solid rgba(255,255,255,0.08);
}
.dropdown-trigger {
padding: 14px;
text-align: center;
cursor: pointer;
font-weight: 700;
color: var(--gold);
font-family: 'Barlow Condensed', sans-serif;
letter-spacing: 1px;
font-size: 15px;
}
/* ── RULES ── */
.rules-list {
list-style: none;
padding: 0 16px 16px;
margin: 0;
counter-reset: step;
}
.rules-list li {
position: relative;
padding: 10px 10px 10px 40px;
margin-bottom: 8px;
text-align: left;
counter-increment: step;
font-size: 14px;
transition: 0.2s;
}
.rules-list li:hover { transform: translateX(3px); }
.rules-list li::before {
content: counter(step);
position: absolute;
left: 10px; top: 50%;
transform: translateY(-50%);
width: 20px; height: 20px;
border-radius: 50%;
background: rgba(255,215,0,0.12);
border: 1px solid rgba(255,215,0,0.5);
color: var(--gold);
font-size: 11px; font-weight: 800;
display:flex; align-items:center; justify-content:center;
transition: 0.25s;
}
.rules-list li:hover::before {
box-shadow: 0 0 8px rgba(255,215,0,0.5);
transform: translateY(-50%) scale(1.1);
}
.center { text-align:center; }
@media(max-width:700px){
.feature-grid,.info-grid{grid-template-columns:1fr;}
.hero-title{font-size:40px;}
}
World Cup 2026
Road to the Trophy
The World Cup is here! ⚽
Win a bet on any Group Stage matches of World Cup and share your Bet IDs below.
Better odds will lead you towards the top of the leaderboard!
Bet Now
Competition ends when the first round is finished.
How to Enter
Win a bet on any Group Stage World Cup matches (parlay's allowed - but only WC matches)
Copy your Bet ID(s) after placing your bet.
Submitted bets must be a minimum of 5x odds.
Reply to this thread with your Bet ID(s) to enter.
📋 Requirements
⚽ Bets must be on any Group Stage World Cup match.
💵 Minimum bet amount: $2.00 (in any currency).
📈 Minimum 5x odds (bets must be winning).
💬 Reply to this thread with your Bet ID(s).
❌ Cashed out bets are not allowed.
✅ Stake Shield / SGM bets are allowed.
🔒 Stake.com accounts only, Bronze VIP or above.
🏆 Prize Pool
$5,000
TOTAL PRIZE POOL
1st Place$1,000
2nd Place$800
3rd Place$600
4th Place$400
5th Place$200
6th OnwardShare of $2,000
In the event of a tie, the higher bet amount wins. If still tied, the user who posted first will have an advantage.
Terms & Conditions
Bronze VIP account or above.
KYC Level 2 verification required.
Stake employees cannot participate in official Stake.com forum challenges. This does not apply to moderators.
Only Stake.com and official Stake.com mirror site users will be eligible for the prize.
Any player using multiple accounts will not be eligible for prizes.
Stake reserves the right to disqualify any user due to promotion or account abuse, which may also result in a permanent ban.
For payment, give us up to 72 hours from the end of the challenge.
Winners will be contacted directly via support. Prizes will be distributed in the form of a coupon, which will also be posted as the final comment on this post.
berkhancetintas got a reaction from Mylesvictor in $3,000 Pick the Champion! | World Cup
berkhancetintas got a reaction from isoka in $3,000 Pick the Champion! | World Cup
berkhancetintas got a reaction from ALPHABRAVO95 in $3,000 Pick the Champion! | World Cup
berkhancetintas got a reaction from K1979 in $3,000 Pick the Champion! | World Cup
berkhancetintas got a reaction from DaddyMilo in 🏆 $400 Endgame Quiz 🧠
berkhancetintas got a reaction from Crumble90 in $10,000 Last Leg Legend | April | Sports Challenge.thumb.jpeg.86f259b049506809e64f0eda0c810c76.jpeg)
berkhancetintas got a reaction from KaiZidan in $10,000 Last Leg Legend | April | Sports Challenge
berkhancetintas got a reaction from MdSHBiR247 in $10,000 Last Leg Legend | April | Sports Challenge
.thumb.jpeg.86f259b049506809e64f0eda0c810c76.jpeg)
