Letmegamble reacted to
BratislavK in 🏆 $400 Endgame Quiz 🧠
May 23
@keyframes shimmer-text {
0% { background-position: -200% center; }
100% { background-position: 200% center; }
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-8px); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes border-glow {
0%, 100% { box-shadow: 0 0 0 0 rgba(251,191,36,0); }
50% { box-shadow: 0 0 32px 6px rgba(251,191,36,0.15); }
}
@keyframes star-twinkle {
0%, 100% { opacity: 0.15; transform: scale(1); }
50% { opacity: 1; transform: scale(1.6); }
}
@keyframes row-slide {
from { opacity: 0; transform: translateX(-12px); }
to { opacity: 1; transform: translateX(0); }
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background: #0a1520;
display: flex;
justify-content: center;
padding: 32px 16px;
min-height: 100vh;
}
.wrap {
font-family: Arial, sans-serif;
max-width: 720px;
width: 100%;
padding: 0 0 2rem;
}
.promo-image {
display: block;
width: 100%;
border-radius: 14px;
margin-bottom: 18px;
animation: fadeInUp 0.5s ease both;
}
.top-card {
background: #0b1c2a;
border-radius: 18px;
border: 1px solid rgba(251,191,36,0.4);
padding: 32px 28px 28px;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 18px;
animation: border-glow 4s ease-in-out infinite, fadeInUp 0.5s ease both;
animation-delay: 0.1s;
}
.star {
position: absolute;
width: 4px; height: 4px;
background: #fbbf24;
border-radius: 50%;
animation: star-twinkle var(--dur, 2s) ease-in-out infinite;
animation-delay: var(--delay, 0s);
pointer-events: none;
}
.trophy {
font-size: 52px;
display: inline-block;
animation: float 3s ease-in-out infinite;
filter: drop-shadow(0 0 16px rgba(251,191,36,0.4));
margin-bottom: 12px;
position: relative;
z-index: 1;
}
.endgame-label {
display: inline-block;
background: rgba(251,191,36,0.12);
border: 1px solid rgba(251,191,36,0.4);
border-radius: 20px;
padding: 4px 16px;
font-size: 11px;
color: #fbbf24;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 12px;
position: relative;
z-index: 1;
}
.banner-title {
font-size: 36px;
font-weight: 900;
color: #fff;
line-height: 1.1;
margin-bottom: 6px;
position: relative;
z-index: 1;
}
.gold-text {
background: linear-gradient(90deg, #f59e0b, #fde68a, #fbbf24, #f59e0b);
background-size: 200% auto;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
animation: shimmer-text 3s linear infinite;
}
.banner-date {
font-size: 13px;
color: rgba(255,255,255,0.45);
letter-spacing: 1.5px;
margin-bottom: 14px;
position: relative;
z-index: 1;
}
.banner-desc {
font-size: 15px;
color: rgba(255,255,255,0.6);
line-height: 1.7;
max-width: 520px;
margin: 0 auto 18px;
position: relative;
z-index: 1;
}
.banner-desc strong { color: #fbbf24; }
.badge-row {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.badge {
background: rgba(251,191,36,0.08);
border: 1px solid rgba(251,191,36,0.28);
border-radius: 20px;
padding: 5px 14px;
font-size: 12px;
color: rgba(251,191,36,0.9);
font-weight: 600;
letter-spacing: 0.5px;
transition: background 0.2s, border-color 0.2s;
}
.badge:hover {
background: rgba(251,191,36,0.16);
border-color: rgba(251,191,36,0.55);
}
.section-label {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(251,191,36,0.6);
text-align: center;
margin-bottom: 10px;
font-weight: 700;
}
.qa-card {
background: #0f2233;
border: 1px solid rgba(251,191,36,0.22);
border-radius: 14px;
overflow: hidden;
margin-bottom: 18px;
animation: fadeInUp 0.5s ease both;
animation-delay: 0.2s;
}
.qa-head {
background: rgba(5, 14, 22, 0.8);
padding: 12px 20px;
display: flex;
align-items: center;
gap: 10px;
border-bottom: 1px solid rgba(251,191,36,0.15);
}
.qa-head-title {
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: #fbbf24;
font-weight: 700;
}
.qa-head-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: #fbbf24;
opacity: 0.7;
flex-shrink: 0;
}
.qa-row {
display: flex;
align-items: center;
padding: 18px 20px;
border-bottom: 1px solid rgba(255,255,255,0.04);
gap: 18px;
cursor: default;
transition: background 0.22s ease;
animation: row-slide 0.4s ease both;
}
.qa-row:last-child { border-bottom: none; }
.qa-row:nth-child(1) { animation-delay: 0.1s; }
.qa-row:nth-child(2) { animation-delay: 0.18s; }
.qa-row:nth-child(3) { animation-delay: 0.26s; }
.qa-row:hover { background: rgba(251,191,36,0.05); }
.qa-num {
width: 36px; height: 36px;
border-radius: 50%;
background: rgba(251,191,36,0.1);
border: 1px solid rgba(251,191,36,0.35);
display: flex; align-items: center; justify-content: center;
font-size: 15px;
font-weight: 800;
color: #fbbf24;
flex-shrink: 0;
transition: background 0.22s, box-shadow 0.22s;
}
.qa-row:hover .qa-num {
background: rgba(251,191,36,0.18);
box-shadow: 0 0 12px rgba(251,191,36,0.3);
}
.qa-text {
font-size: 14px;
color: rgba(255,255,255,0.72);
line-height: 1.55;
transition: color 0.22s;
}
.qa-row:hover .qa-text { color: rgba(255,255,255,0.95); }
.prizes-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 14px;
}
.prize-card {
background: #0f2233;
border: 1px solid rgba(251,191,36,0.22);
border-radius: 14px;
padding: 22px 18px;
text-align: center;
position: relative;
overflow: hidden;
transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
animation: fadeInUp 0.5s ease both;
}
.prize-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, transparent, rgba(251,191,36,0.6), transparent);
}
.prize-card.gold {
border-color: rgba(251,191,36,0.5);
animation: fadeInUp 0.5s ease both, border-glow 3s ease-in-out infinite;
}
.prize-card:hover {
transform: translateY(-5px);
border-color: rgba(251,191,36,0.65);
box-shadow: 0 12px 36px rgba(251,191,36,0.1);
}
.prize-card:nth-child(1) { animation-delay: 0.3s; }
.prize-card:nth-child(2) { animation-delay: 0.4s; }
.prize-emoji {
font-size: 32px;
display: block;
margin-bottom: 10px;
animation: float 3s ease-in-out infinite;
filter: drop-shadow(0 0 10px rgba(251,191,36,0.35));
}
.prize-card:nth-child(2) .prize-emoji { animation-delay: 1s; }
.prize-tag {
font-size: 10px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(251,191,36,0.65);
font-weight: 700;
margin-bottom: 6px;
}
.prize-amount {
font-size: 32px;
font-weight: 900;
color: #fbbf24;
line-height: 1;
margin-bottom: 5px;
}
.prize-sub {
font-size: 12px;
color: rgba(255,255,255,0.38);
line-height: 1.4;
}
.rules-bar {
background: rgba(5, 14, 22, 0.7);
border: 1px solid rgba(251,191,36,0.14);
border-radius: 10px;
padding: 13px 18px;
text-align: center;
font-size: 13px;
color: rgba(255,255,255,0.42);
letter-spacing: 0.3px;
margin-bottom: 18px;
}
.rules-bar strong { color: rgba(251,191,36,0.85); }
.luck-bar {
text-align: center;
font-size: 18px;
font-weight: 800;
color: #fff;
letter-spacing: 1px;
}
.luck-clover {
display: inline-block;
animation: float 2.2s ease-in-out infinite;
margin-left: 6px;
}
$400 Endgame Quiz
May 22nd – May 24th
Another month comes to an end… and this is the Endgame.
Only those who stayed sharp throughout will make it to the finish.
Answer our short quiz based on this month's promotions & events.
🧠 3 Questions 🥇 $100 First Place 🎁 6 × $50 Draw 🏆 $400 Prize Pool
Quiz Questions
Answer all correctly & include your Stake username
1
What slot is featured in this week's $3,000 Slots Forum Challenge?
2
In which Stake Original game do you need to cross the road and avoid traffic?
3
What is the name of the Sports promotion where you need to win a bet with at least 10x odds by betting on at least 10 matches/selections?
Prize Structure
🥇
First Correct Answer
$100
Be first. Be right. Win instantly.
🎁
Random Draw
6 × $50
All remaining correct entries enter the draw.
One entry per user · All answers must be correct · Always include your Stake username
Good luck! 🍀