Bodo reacted to
BratislavK in 🏆 $400 Endgame Quiz 🧠
@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
June 28th – June 30th
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
Which of these three Telegram challenges is the oldest: Originals Challenge, Slot Hunt, or Buzzer Beater?
2
In the Trivia Event, how many questions do our Community Managers ask, and what is the prize for each correct answer?
3
What are the three currently active Casino: Exclusive VIP Forum promotions?
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! 🍀
Bodo reacted to BratislavK in 🏆 $400 Endgame Quiz 🧠