@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap');
:root {
--primary: #071824;
--gold: #FFB800;
--blue: #0079ff;
--surface: #0a2236;
--text: #e0eef8;
--muted: #7fa8c4;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
background: var(--primary);
color: var(--text);
font-family: 'Inter', sans-serif;
min-height: 100vh;
overflow-x: hidden;
}
.container { max-width:740px; margin:0 auto; padding:24px 20px 60px; }
.fade-up { opacity:0; transform:translateY(28px); animation:fadeUp .6s ease forwards; }
@keyframes fadeUp { to { opacity:1; transform:none; } }
.header {
text-align:center;
padding:0 0 36px;
background: linear-gradient(160deg, #0d2a40 0%, #071824 100%);
border-radius:20px;
border:1px solid #ffffff12;
margin-bottom:20px;
position:relative;
overflow:hidden;
}
.header::before {
content:'';
position:absolute;
top:-60px; left:50%; transform:translateX(-50%);
width:340px; height:340px;
background: radial-gradient(circle, #FFB80018 0%, transparent 70%);
animation: pulse-glow 4s ease-in-out infinite;
pointer-events:none;
}
@keyframes pulse-glow {
0%,100% { opacity:.6; transform:translateX(-50%) scale(1); }
50% { opacity:1; transform:translateX(-50%) scale(1.15); }
}
.hero-img-wrap {
border-radius:20px 20px 0 0;
overflow:hidden;
border-bottom:1px solid #FFB80033;
}
.hero-img-wrap img { width:100%; display:block; }
.header-body { padding:28px 28px 0; }
.eyebrow {
display:inline-block; padding:7px 14px; border-radius:999px;
border:1px solid rgba(255,184,0,.22); background:rgba(255,184,0,.08);
color:var(--gold); font-size:11px; font-weight:800;
letter-spacing:.12em; text-transform:uppercase; margin-bottom:16px;
}
.header h1 {
font-size:34px; font-weight:900; line-height:1.1; letter-spacing:-.03em;
background: linear-gradient(90deg, #FFB800, #ffda6e, #FFB800);
background-size:200%;
-webkit-background-clip:text; -webkit-text-fill-color:transparent;
animation: shimmer 3s linear infinite; margin-bottom:10px;
}
@keyframes shimmer { to { background-position:200% center; } }
.ends-label { font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:1.2px; margin-bottom:14px; }
.ends-label strong { color:#fff; }
.countdown-wrapper { margin:10px 0 22px; }
.countdown-wrapper iframe { border-radius:8px; }
.header-desc { font-size:15px; color:#b0cee4; max-width:480px; margin:0 auto 14px; line-height:1.7; }
.cta-main {
display:inline-block; padding:16px 36px;
background: linear-gradient(135deg, #FFB800, #e6a500);
color:#071824; font-size:16px; font-weight:800;
text-decoration:none !important; border-radius:12px;
transition:transform .2s, box-shadow .2s;
position:relative; overflow:hidden;
box-shadow:0 4px 20px #FFB80044; margin-top:8px;
}
.cta-main::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;
}
.cta-main:hover { transform:translateY(-3px); box-shadow:0 8px 32px #FFB80055; text-decoration:none !important; }
.cta-main:hover::after { transform:translateX(100%); }
.prize-row { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:16px; }
.prize-card {
background:var(--surface); border-radius:16px; padding:22px 14px;
text-align:center; border:1px solid transparent;
position:relative; overflow:hidden;
transition:transform .3s, border-color .3s, box-shadow .3s; cursor:default;
}
.prize-card:hover { transform:translateY(-6px) scale(1.02); }
.prize-card.gold { border-color:#FFB80044; --glow:#FFB80018; }
.prize-card.gold:hover { border-color:#FFB800aa; box-shadow:0 12px 40px #FFB80030; }
.prize-card.blue { border-color:#0079ff33; --glow:#0079ff14; }
.prize-card.blue:hover { border-color:#0079ffaa; box-shadow:0 12px 40px #0079ff25; }
.prize-card::before {
content:''; position:absolute; inset:0;
background:radial-gradient(ellipse at 50% 0%, var(--glow,transparent) 0%, transparent 65%);
opacity:0; transition:opacity .3s; pointer-events:none;
}
.prize-card:hover::before { opacity:1; }
.badge { position:absolute; top:10px; right:12px; font-size:20px; animation:float 3s ease-in-out infinite; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }
.prize-amount { font-size:32px; font-weight:900; line-height:1; margin-bottom:5px; }
.prize-card.gold .prize-amount { color:#FFB800; }
.prize-card.blue .prize-amount { color:#0079ff; }
.prize-label { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:.8px; }
.prize-sub { font-size:12px; color:#6a90a8; margin-top:4px; }
.pill {
background:#0079ff12; border:1px solid #0079ff33;
border-radius:40px; padding:10px 20px;
text-align:center; font-size:13px; font-weight:600; color:#4da6ff;
margin-bottom:18px; transition:background .3s, border-color .3s;
}
.pill:hover { background:#0079ff22; border-color:#0079ff66; }
.grid { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; margin-bottom:16px; }
.section {
background:var(--surface); border-radius:16px; padding:24px;
border:1px solid #ffffff0d;
transition:border-color .3s, box-shadow .3s;
}
.section:hover { border-color:#0079ff33; box-shadow:0 4px 24px #0079ff0d; }
.section-tag { display:inline-block; margin-bottom:10px; color:var(--gold); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.section h2 { font-size:22px; font-weight:900; margin-bottom:8px; }
.panel-intro { color:var(--muted); font-size:14px; margin-bottom:18px; }
.spec-list { display:flex; flex-direction:column; gap:10px; list-style:none; padding:0; }
.spec-list li {
display:flex; align-items:center; gap:12px;
background:var(--primary); border-radius:12px;
padding:12px 16px; border:1px solid #ffffff0a;
color:#b0cee4; font-size:14px;
transition:background .2s, border-color .2s, transform .2s; cursor:default;
}
.spec-list li:hover { background:#0a2236; border-color:#FFB80044; transform:translateX(6px); }
.spec-list li::before { content:'✓'; min-width:22px; height:22px; border-radius:50%; background:var(--gold); color:#071824; font-weight:900; font-size:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.steps { display:flex; flex-direction:column; gap:12px; }
.step {
display:grid; grid-template-columns:48px 1fr; gap:14px;
padding:14px; border-radius:14px;
background:rgba(255,255,255,.03); border:1px solid #ffffff0a;
transition:border-color .25s, transform .25s;
}
.step:hover { border-color:#0079ff44; transform:translateX(4px); }
.step-no {
width:48px; height:48px; border-radius:12px;
background:rgba(255,184,0,.12); border:1px solid rgba(255,184,0,.2);
color:var(--gold); display:flex; align-items:center; justify-content:center;
font-size:18px; font-weight:900; transition:transform .25s, box-shadow .25s;
}
.step:hover .step-no { transform:scale(1.1); box-shadow:0 0 0 5px rgba(255,184,0,.1); }
.step-title { margin:0 0 4px; color:var(--text); font-size:15px; font-weight:700; }
.step-text { margin:0; color:var(--muted); font-size:13px; }
.step-text a { color:var(--blue); text-decoration:none; }
.step-text a:hover { text-decoration:underline; }
.step-text strong { color:#fff; }
.clean-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.clean-list li {
display:flex; align-items:center; gap:12px;
background:var(--primary); border-radius:12px;
padding:12px 16px; border:1px solid #ffffff0a;
color:#b0cee4; font-size:14px; line-height:1.5;
transition:background .2s, border-color .2s, transform .2s; cursor:default;
}
.clean-list li:hover { background:#0a2236; border-color:#0079ff44; transform:translateX(6px); }
.clean-list li::before { content:''; min-width:7px; width:7px; height:7px; border-radius:999px; background:var(--gold); flex-shrink:0; }
.clean-list li span { display:inline; }
.clean-list li strong { color:#FFB800; }
.clean-list li a { color:var(--blue); }
.alert {
background:#ff6b0010; border:1px solid #ff6b0040;
border-radius:14px; padding:16px; margin-bottom:16px;
display:flex; gap:14px; align-items:flex-start; transition:border-color .3s;
}
.alert:hover { border-color:#ff6b0088; }
.n-icon { font-size:22px; flex-shrink:0; }
.n-text { font-size:13px; color:#f0c8a0; line-height:1.7; }
.n-text strong { color:#fff; }
.stake-badge {
text-align:center; padding:14px;
background:linear-gradient(135deg,#0079ff18,#0079ff08);
border:1px solid #0079ff44; border-radius:12px; color:#4da6ff;
font-weight:700; font-size:14px; margin-bottom:16px; letter-spacing:.5px;
position:relative; overflow:hidden; transition:box-shadow .3s;
}
.stake-badge:hover { box-shadow:0 0 32px #0079ff25; }
.stake-badge::after {
content:''; position:absolute; top:0; left:-100%; width:60%; height:100%;
background:linear-gradient(90deg,transparent,rgba(0,121,255,.12),transparent);
animation:sweep 3s linear infinite;
}
@keyframes sweep { to { left:160%; } }
.terms-header { text-align:center; margin:8px 0 14px; }
.terms-header h2 { font-size:22px; font-weight:900; }
.terms-header p { color:var(--muted); font-size:13px; margin-top:6px; }
details {
background:var(--primary); border:1px solid #ffffff0d;
border-radius:14px; overflow:hidden; transition:border-color .3s;
}
details:hover { border-color:#0079ff33; }
summary {
padding:16px 20px; cursor:pointer; font-weight:700;
color:var(--muted); font-size:14px; list-style:none;
display:flex; justify-content:space-between; align-items:center;
user-select:none; transition:color .2s;
}
summary:hover { color:#fff; }
summary::after { content:'▼'; font-size:10px; color:var(--blue); }
details[open] summary::after { content:'▲'; }
.terms-body { padding:0 20px 20px; font-size:13px; color:#6a90a8; line-height:1.9; }
.terms-body h2 { font-size:12px; color:#FFB800; text-transform:uppercase; letter-spacing:.8px; margin:18px 0 8px; }
.terms-body ol, .terms-body ul { padding-left:20px; }
.terms-body li { margin-bottom:8px; }
.terms-body a { color:var(--blue); }
.terms-body ul li { list-style:disc; }
.footer-note { margin-top:16px; text-align:center; color:var(--muted); font-size:13px; }
.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}
@media(max-width:600px){
.prize-row { grid-template-columns:1fr; }
.grid { grid-template-columns:1fr; }
.header h1 { font-size:26px; }
}
Exclusive Giveaway
Stake x Team Vitality
PC Giveaway
Ends: 25/4/2026 @ 1:00 AM GMT
We're teaming up with Team Vitality to give 5 lucky forum members the chance to win exclusive, one-of-a-kind custom PCs 🎮
Each PC has been personally customized by a Team Vitality player, making every build unique 🎨
Just sign up to the Stake Community forums, leave your Stake username below, and you're in the running to win one of these insane custom rigs 💻
🖥️ Join the Community
🏆
5x
Custom PCs
Up for grabs
🎮
1
Per Winner
Unique build each
⚡
RTX 5070 Ti
Inside each rig
💡 Leave your Stake username below to verify your entry
How To Enter
Two simple steps
Complete both steps to be eligible for a custom PC.
1
Create or log in to your account
Have an existing account or sign up at stakecommunity.com.
2
Reply with your Stake username
Post your Stake username in this thread to confirm your entry.
PC Specs
What's inside
Every custom PC is built with these components.
AMD Ryzen 7 7800X3D
Asus RTX 5070 Ti
32GB Silicon Power XPOWER Storm 6000MHz RGB C36 (2×16GB)
Asus B850M AYW Gaming Wi-Fi — DDR5
750W Inwin 80+ Gold
Requirements
Before you enter
Create or have an existing account on Stake Community
Reply to this thread with your Stake username
Must use the same email address for your Stake Community account and Stake account
Stake.com users only — Bronze VIP or above
KYC Level 2 verification required
Prize Distribution
How the prize works
5 custom PCs will be awarded — one per winner
Each PC has been personally customized by a Team Vitality player
Winners are selected at random from all eligible entries
Prize is a physical good — not paid in cryptocurrency or Stake Vault credit
PC will be shipped directly to the winner's nominated address at Stake's cost
Winners must respond within 7 days of notification or the prize may be forfeited
⚠️
Don't miss out! Stay tuned for the official winner announcement. You must respond within 7 days of being contacted — failure to respond may result in forfeiture of the prize.
‼️ Stake.com users only ‼️
Terms of Service — Competition
For full Terms of Service, expand below.
📄 Full Terms & Conditions — click to expand
This competition ("Stake x Team Vitality PC Giveaway") is published by Stake, which operates stake.com, and is subject to the Stake Terms and Conditions and the Stake 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
The Prize
Winners receive one (1) custom-built PC supplied by Aftershock PC. The prize is a physical good — not paid in cryptocurrency or credited to your Stake Vault.
A total of five (5) custom-built PCs are available. Each winner receives one (1) PC only.
The prize is non-transferable and may only be awarded to the verified winner.
The PC will be shipped to the winner's nominated delivery address at Stake's cost.
If delivery is not reasonably practicable due to shipping restrictions or legal limitations, Stake reserves the right to substitute the prize with one of equal or greater value.
Winners are solely responsible for all taxes, duties, or fees arising from receipt of the prize.
Winner Notification
Winners will be contacted via the email address linked to both their Stake Community and Stake accounts.
If a winner does not respond within seven (7) days of notification, the prize may be forfeited and reallocated at Stake's discretion.
Winners may be required to provide their full legal name and shipping address to receive the prize.
Unless confirmed otherwise, prizes will be delivered within fourteen (14) days of the competition ending.
Eligibility
Bronze VIP account or above on Stake
KYC Level 2 verification required
Account must have no restrictions or exclusions
Must not be a Stake employee (forum moderators are not excluded)
Must maintain only one Stake account
Must not be in a Prohibited Jurisdiction
Must use the same email address for both your Stake Community and Stake accounts
Entry
Eligible users registered on the Stake Community Forum prior to the competition start date will be automatically entered. No further action is required.
Only one (1) entry per person. Multiple accounts or attempts to circumvent the entry mechanism will result in disqualification.
Winners are selected at random from all eligible entrants.
Stake's Reserved Rights
To amend the Rules at any time
To cancel the Competition at any time
To disqualify any entrant suspected of misusing the entry process
To verify the nominated account for prize delivery
Stake may use the winner's first name and general prize details for promotional purposes unless the winner objects in writing in advance
General
The prize is supplied by Aftershock PC. Stake makes no warranties regarding the quality or performance of the prize.
Stake is not liable for lost, incomplete, or delayed entries or notifications due to technical issues outside its control.
This competition is void where prohibited by law and governed by the laws applicable to the Stake Terms and Conditions.
Please read all conditions carefully before entering.
