darkysyanok

@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 { --text: #f0f4ff; --muted: #7a8fbb; --gold: #FFB800; --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%; margin: 0 auto; } .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); position: relative; overflow: hidden; transition: 0.25s ease; } .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%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%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%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%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%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 { 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); display: flex; align-items: center; gap: 6px; } .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%} } .hero-title { font-family: 'Bebas Neue', sans-serif; font-size: 52px; 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: 6px; } /* ── MATCH DISPLAY ── */ .match-display { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 20px 0 10px; } .match-team { font-family: 'Bebas Neue', sans-serif; font-size: 48px; letter-spacing: 3px; line-height: 1; background: linear-gradient(135deg, #ffffff 30%, #c8d8ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; } .match-divider { display: flex; flex-direction: column; align-items: center; gap: 4px; flex-shrink: 0; } .match-vs-text { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 3px; color: #e8162b; line-height: 1; } .match-vs-line { width: 2px; height: 36px; background: linear-gradient(to bottom, transparent, rgba(232,22,43,0.6), transparent); } .gold-divider { width: 100%; height: 2px; background: linear-gradient(90deg, transparent, var(--gold), #e8162b, var(--gold), transparent); border-radius: 999px; margin: 18px 0; opacity: 0.5; } .timer-wrap { display: flex; justify-content: center; margin: 14px 0; } .timer-box { background: rgba(232,22,43,0.1); border: 1px solid rgba(232,22,43,0.3); border-radius: 14px; padding: 12px 24px; text-align: center; } .timer-label { font-size: 11px; color: var(--muted); letter-spacing: 2px; font-family: 'Barlow Condensed', sans-serif; margin-bottom: 4px; } .timer-end { font-family: 'Bebas Neue', sans-serif; font-size: 20px; color: #e8162b; letter-spacing: 2px; } .bet-wrap { text-align:center; margin: 20px 0 8px; } .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 { 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; } .challenge-title { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 3px; color: var(--gold); margin-bottom: 18px; } .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; } .info-box:hover { background: rgba(255,215,0,0.05); border-color: rgba(255,215,0,0.2); transform: translateY(-3px); } .info-item { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 13px 15px; margin-bottom: 10px; font-size: 14px; color: #dbe4ff; line-height: 1.5; transition: 0.25s ease; text-align: left; } .info-item:hover { background: rgba(255,215,0,0.06); border-color: rgba(255,215,0,0.2); transform: translateY(-2px); } .info-item:last-child { margin-bottom: 0; } .prize-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; border-radius: 10px; margin-bottom: 8px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.07); font-size: 15px; transition: 0.2s ease; } .prize-row:hover { background: rgba(255,215,0,0.07); border-color: rgba(255,215,0,0.2); } .prize-row:last-child { margin-bottom: 0; } .prize-place { color: var(--muted); font-family: 'Barlow Condensed', sans-serif; font-size: 14px; letter-spacing: 1px; } .prize-shiny { font-family: 'Bebas Neue', sans-serif; font-size: 64px; 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} } .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; list-style: none; } .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; color: #dbe4ff; } .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; } .rules-list li:hover::before { box-shadow: 0 0 8px rgba(255,215,0,0.5); transform: translateY(-50%) scale(1.1); } .bounce-ball { font-size: 24px; display: inline-block; animation: bounce 1s infinite ease-in-out; } @keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } @media(max-width:600px){ .info-grid { grid-template-columns: 1fr; } .hero-title { font-size: 38px; } .prize-shiny { font-size: 48px; } .match-team { font-size: 34px; } .match-vs-text { font-size: 18px; } } World Cup 2026 Matchday Madness ⚽ World Cup Edition ⚽ Brazil   VS   Morocco FIFA World Cup 2026 · Group Stage · 14/06/2026 - 10:00pm UTC ENTRIES CLOSE 14/06/2026 - 10:00pm UTC   Answer 7 prediction questions about the match as accurately as possible. Each question is scored individually, the highest total score wins! Fill Out the Form In case of a tie, the user who submitted their form first has the advantage. How to Enter 1 Click the form link and answer all 7 prediction questions. 2 Submit the form before the match kicks off. 3 Each of the 7 questions is scored individually — points are added together. 4 Highest total score wins. A leaderboard will be posted during the promotion. 📋 Additional Info 📊 Points are awarded based on the value next to each question. All correct answers are summed for your total score. 📅 If the match is postponed, the promotion will also be postponed. 🤕 If a selected player is injured or absent, only predictions for players who participated will be counted. 🏆 The user with the highest total score will be declared the winner. 🏆 Prize Pool $700 TOTAL PRIZE POOL 🥇 1st Place$300 🥈 2nd Place$200 🥉 3rd Place$100 4th Place$100 5th Place$100 In case of a tie, the user who submitted their form first will have the advantage. 📜 Terms & Conditions Only KYC Level 2 or higher verified users will be eligible for the prize. Only Stake.com and official Stake.com mirror site users are eligible. Stake employees cannot participate in official Stake.com forum challenges. This does not apply to moderators. 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, allow up to 72 hours from the end of the promotion. 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.