:root{
  --bg:#06101c;--panel:#101d2e;--panel2:#152437;--border:#253a52;--text:#edf5ff;--muted:#7e91aa;
  --blue:#5bb5ff;--blue2:#2f86ea;--gold:#ffd12f;--green:#55f469;--sidebar:238px
}
.gold-btn img{width:19px;height:19px;display:block;flex:0 0 auto;object-fit:contain;margin-right:9px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 60% 0,#0d2343 0,#071321 30%,#050e18 72%);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#172437;border-right:1px solid #24364c;padding:10px 18px;z-index:20;display:flex;flex-direction:column}.brand{height:52px;border-radius:7px;background:linear-gradient(135deg,#0f2846,#0c1524);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;line-height:.8;position:relative;overflow:hidden;margin-bottom:15px}.brand:after{content:"";position:absolute;inset:auto -20% -45% 20%;height:70px;background:#3eb2ff33;filter:blur(18px);transform:rotate(-8deg)}.brand-top{font-size:24px;color:#73c2ff;text-shadow:0 4px 0 #27496c;z-index:1}.brand-bottom{font-size:20px;z-index:1}.main-nav{display:grid;gap:8px;border-top:1px solid #24364c;padding-top:14px}.nav-item,.socials a{min-height:36px;padding:9px 10px;border-radius:5px;color:#91a5bd;font-weight:700;font-size:14px;display:flex;gap:9px;align-items:center}.nav-item:hover,.nav-item.active{background:#263a51;color:#f4f8fd}.pill,.soon{margin-left:auto;background:#53b5ff;color:#fff;padding:4px 7px;border-radius:5px;font-size:10px}.soon{background:#244760;color:#65c2ff}.side-rule{height:1px;background:#2a3b4e;margin:22px 0}.socials{margin-top:auto;margin-bottom:55px;background:#1c2d42;border-radius:5px;overflow:hidden}.social-title{padding:10px;color:#d5e4f3;font-weight:800;border-bottom:1px solid #2c4057}.socials a:hover{color:#fff;background:#24384f}
.page-shell{margin-left:var(--sidebar);min-height:100vh}.section-panel{width:min(1050px,calc(100% - 56px));margin:20px auto;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0c1827}.hero{margin-top:20px;background:radial-gradient(circle at 60% 40%,#17396b 0,#0e2648 35%,#09192c 65%,#071321 100%);min-height:650px;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(120deg,transparent 55%,#37a4ff0c 55%),radial-gradient(circle at 10% 10%,#67c7ff11 0 2px,transparent 3px);background-size:auto,46px 46px}.hero-grid{position:relative;z-index:2;min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:72px 58px}.eyebrow{color:#85bff6;font-weight:800;letter-spacing:.18em;font-size:12px}.hero h1{font-size:76px;line-height:.85;margin:18px 0 30px;color:#70bfff;text-shadow:0 6px 0 #1a5f9d}.hero h1 em{font-style:normal;color:#f1f4f7;text-shadow:0 6px 0 #8893a1;font-size:58px}.hero p{color:#8699b2;line-height:1.6;max-width:530px}.hero p strong{color:#62bcff}.hero-actions{display:flex;gap:14px;margin-top:28px}.btn{border:1px solid #506d8e;border-radius:7px;padding:12px 24px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.btn.primary,.blue-btn{background:linear-gradient(#67c1ff,#3999ec);color:#0a1c2c;border-color:#67c4ff}.btn.secondary{background:#152942}.hero-art{height:430px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:260px;height:260px;background:#4ca8ff18;right:70px;top:30px;box-shadow:0 0 100px #4ca8ff25}.orb-b{width:160px;height:160px;background:#d7efff12;left:50px;bottom:40px}.mythic-card{position:absolute;width:185px;height:260px;border:1px solid #355272;background:linear-gradient(#172639,#101c2d);border-radius:10px;padding:18px;text-align:center;box-shadow:0 26px 60px #0007;display:flex;flex-direction:column;justify-content:center;gap:12px}.mythic-card:after{content:"";position:absolute;inset:6px;border:1px solid #ffffff08;border-radius:8px}.mythic-card.card-left{left:10px;top:120px;transform:rotate(-7deg) scale(.9)}.mythic-card.card-center{left:130px;top:42px;z-index:3;transform:scale(1.05)}.mythic-card.card-right{right:-20px;top:125px;transform:rotate(7deg) scale(.9)}.card-avatar{font-size:54px}.mythic-card small{color:#71849b}.mythic-card strong{background:#1d3147;padding:10px;border-radius:7px;color:#7ce9bf}.mythic-card b{font-size:28px;background:linear-gradient(#76c8ff,#3b98ed);color:#08213a;margin:12px -28px -28px;padding:10px}.down-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:48px;color:#62b8ff}.bonus-chooser{width:min(1050px,calc(100% - 56px));margin:75px auto 44px}.section-heading{text-align:center;font-size:28px;font-weight:900;margin-bottom:40px}.section-heading span{color:#fff}.section-heading{color:#65b7ff}.section-heading small{display:block;color:#788ba4;font-size:14px;margin-top:8px;font-weight:600}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bonus-card{background:linear-gradient(145deg,#1a2a3d,#111d2d);border:2px solid;border-radius:16px;padding:72px 28px 20px;text-align:center;position:relative}.bonus-card.gold{border-color:#ffc62b}.bonus-card.blue{border-color:#4eaeff;background:linear-gradient(145deg,#17345c,#122239)}.bonus-icon{position:absolute;top:-48px;left:50%;transform:translateX(-50%);font-size:74px;filter:drop-shadow(0 12px 20px #0008)}.bonus-card h3{font-size:40px;margin:0;color:#ffd34a}.bonus-card.blue h3{color:#6abaff}.bonus-card p{margin:2px 0 20px;color:#74869d}.bonus-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bonus-card li{background:#23364c;border-radius:20px;padding:7px;font-size:13px}.bonus-card li b{color:#6bbcff}.gold-btn{background:linear-gradient(#ffd85f,#ffba13);border-color:#ffd354;color:#171b20;margin-top:22px;width:100%}.benefits{padding:16px}.banner-art{min-height:150px;border-radius:12px;background:linear-gradient(90deg,#173966,#1c4d86);display:flex;justify-content:center;gap:35px;align-items:center;overflow:hidden;position:relative}.banner-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#fff2 0 6%,transparent 7%),radial-gradient(circle at 25% 80%,#44aaff22 0 12%,transparent 13%)}.avatar-illustration{font-size:90px;z-index:2}.banner-art div:last-child{z-index:2}.banner-art small{display:block;font-size:36px;font-weight:900}.banner-art strong{font-size:55px;color:#71c2ff;text-shadow:0 5px 0 #2e6ca0}.benefit-table{margin-top:16px}.row{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:16px;padding:14px 14px;border-radius:8px;font-size:14px;font-weight:700}.row:nth-child(odd){background:#16273b}.row span:nth-child(n+2){text-align:center;color:#6db8f7}.row.header span{background:#22374f;padding:10px;border-radius:8px;color:#a9bdd3}.row .no{color:#ff5d6a!important}.gold-leaderboard{background:radial-gradient(circle at 65% 50%,#73590088,#2a2209 55%,#171503);display:grid;grid-template-columns:1fr 1fr;padding:44px 30px;align-items:center}.gold-copy h2{font-size:64px;color:#ffd12f;margin:0;line-height:.9}.gold-copy h2 em{color:#f4f4ef;font-style:normal;font-size:48px}.gold-copy p{color:#bfae89;text-transform:uppercase;font-weight:700;font-size:13px;max-width:350px}.gold-copy .gold-btn{width:auto}.podium{display:flex;align-items:flex-end;justify-content:center}.podium-card{width:145px;background:#192538;border:1px solid #3b4c62;border-radius:9px 9px 0 0;text-align:center;padding:18px 8px;box-shadow:0 20px 35px #0007}.podium-card span{font-size:50px;display:block}.podium-card b{display:block;font-size:20px}.podium-card small{display:block;margin:10px -10px -18px;background:#d8dce2;color:#131b27;padding:9px;font-weight:900}.podium-card.first{height:240px;z-index:3;transform:scale(1.08)}.podium-card.first small{background:#ffca39}.podium-card.second{height:205px;transform:rotate(-4deg)}.podium-card.third{height:190px;transform:rotate(4deg)}.podium-card.third small{background:#ff8a65}.giveaway-meter{text-align:center;padding:70px 20px;background:#071c1b url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80"%3E%3Cpath d="M10 40h60M40 10v60" stroke="%2333ff9966" stroke-width="2" opacity=".08"/%3E%3C/svg%3E')}.meter-amount{font-size:92px;font-weight:900;letter-spacing:.06em;color:#e9edf3}.meter-amount:first-letter{color:#62fb79}.meter-amount sup{color:#61fa79}.meter-label{display:inline-block;background:#23364b;border-radius:13px;padding:8px 20px;font-size:21px;font-weight:900}.meter-label b{color:#61fa79}.giveaway-meter small{display:block;color:#61748a;margin-top:10px}.media-zone{margin-top:55px;background:#160c12;padding:34px max(36px,calc((100% - 1100px)/2)) 52px}.media-zone h2{text-align:center}.media-zone h2 span{color:#ff494d}.video-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.video-card{background:#18273a;border-radius:10px;padding:9px}.thumb{height:95px;border-radius:7px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:20px}.thumb b{font-size:28px}.t1{background:linear-gradient(135deg,#bd8a00,#ffef5d)}.t2{background:linear-gradient(135deg,#f03b81,#65df4a)}.t3{background:linear-gradient(135deg,#ff9d00,#ffe35f)}.t4{background:linear-gradient(135deg,#b41313,#ff5d2d)}.video-card strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px}.video-card small{color:#6d7e92}.kick-zone{padding:50px max(36px,calc((100% - 1050px)/2)) 70px;background:#0a1716}.kick-zone h2{text-align:center}.kick-zone h2 span,.kick-zone h2 b{color:#5dff36}.kick-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:34px;align-items:center}.stream-card{min-height:350px;border:1px solid #4cff39;border-radius:14px;background:radial-gradient(circle at 50% 50%,#235aa0,#0f3264 55%,#0b2347);display:flex;flex-direction:column;align-items:center;justify-content:center}.stream-top{font-weight:800}.stream-amount{font-size:72px;font-weight:900;color:#6ebfff;text-shadow:0 5px 0 #1a5d99}.stream-card>strong{font-size:26px}.stream-url{margin-top:45px;background:#59b8ff;padding:13px 50px;border-radius:12px;font-weight:900;font-size:28px}.kick-card{background:#172536;border:1px solid #2b3e55;border-radius:7px;padding:28px}.kick-logo{font-size:56px;font-weight:900;color:#5cff36}.kick-card h3{font-size:28px;margin:12px 0}.kick-card h3 span{color:#5cff36}.kick-card p{color:#74879c}.kick-btn{background:#35cb45;color:#fff;border:0;width:100%}footer{border-top:1px solid #26364a;padding:48px max(36px,calc((100% - 1050px)/2));display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:50px;background:#0d1724}footer>div{display:flex;flex-direction:column;gap:10px}footer strong{font-size:28px;color:#75c3ff}footer small,footer p{color:#738399;font-size:12px;max-width:330px;line-height:1.6}footer b{font-size:12px;letter-spacing:.16em;color:#7d91aa}footer a{font-size:14px;color:#cbd5df}
@media(max-width:1000px){:root{--sidebar:82px}.brand-top{font-size:14px}.brand-bottom{font-size:14px}.nav-item{font-size:0;justify-content:center}.nav-item span{font-size:18px}.pill,.soon{display:none}.socials{background:transparent}.social-title{font-size:0;text-align:center}.socials a{font-size:0;justify-content:center}.socials a:first-letter{font-size:15px}.hero-grid{grid-template-columns:1fr;padding:55px 36px}.hero-art{display:none}.hero{min-height:auto}.hero-grid{min-height:560px}.bonus-grid,.kick-grid{grid-template-columns:1fr}.bonus-card{margin-bottom:38px}.video-strip{grid-template-columns:repeat(2,1fr)}.gold-leaderboard{grid-template-columns:1fr;gap:40px}.benefit-table{overflow-x:auto}.row{min-width:720px}}
@media(max-width:640px){:root{--sidebar:0px}.sidebar{position:sticky;top:0;width:100%;height:auto;display:flex;flex-direction:row;padding:8px;align-items:center}.brand{width:90px;min-width:90px;margin:0 8px 0 0}.main-nav{display:flex;border:0;padding:0;gap:4px;overflow-x:auto}.nav-item{min-width:50px}.socials,.side-rule{display:none}.page-shell{margin-left:0}.section-panel,.bonus-chooser{width:calc(100% - 20px)}.hero-grid{padding:45px 22px}.hero h1{font-size:52px}.hero h1 em{font-size:36px}.hero-actions{flex-direction:column}.bonus-grid{grid-template-columns:1fr}.banner-art small{font-size:20px}.banner-art strong{font-size:33px}.gold-copy h2{font-size:48px}.gold-copy h2 em{font-size:34px}.meter-amount{font-size:50px}.video-strip{grid-template-columns:1fr}.stream-amount{font-size:48px}.stream-card>strong{font-size:18px}.stream-url{font-size:20px;padding:12px 25px}footer{grid-template-columns:1fr}.podium-card{width:100px}}
.brand-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,#51baff30,transparent 58%)}

/* ONZKI cinematic theme — inspired by the supplied gaming/VIP reference. */
:root{--bg:#030c16;--panel:#0b1725;--panel2:#111f31;--border:#243a51;--text:#f7f9fc;--muted:#8291a6;--blue:#55aff8;--blue2:#187ad7;--gold:#ffbd32;--green:#32e78d;--sidebar:248px}
body{background:#030c16;background-image:radial-gradient(circle at 72% 7%,#123b6c66 0,transparent 28%),radial-gradient(circle at 12% 45%,#a95e1514 0,transparent 23%),linear-gradient(180deg,#071525,#030c16 52%,#020912);background-attachment:fixed}
.sidebar{width:var(--sidebar);padding:14px 16px;background:linear-gradient(180deg,#101d2d,#07111d 58%,#050d16);border-right:1px solid #2a4057;box-shadow:18px 0 55px #0005}.brand{height:72px;margin-bottom:22px;border:1px solid #2d465f;border-radius:10px;background:radial-gradient(circle at 50% 110%,#51baff26,transparent 48%),linear-gradient(145deg,#172b43,#0a1523);box-shadow:inset 0 1px #ffffff10,0 12px 30px #0005}.brand-top{font-size:27px;color:#72c5ff;text-shadow:0 3px 0 #245b8a,0 0 18px #55baff38;letter-spacing:.04em}.brand-bottom{font-size:19px;letter-spacing:.34em;margin-left:.34em;color:#f4f6fa}.main-nav{gap:9px;border-color:#263a50}.nav-item,.socials a{min-height:44px;border:1px solid transparent;border-radius:7px;color:#8fa2b9}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#233b55,#172a40);border-color:#304d68;color:#fff;box-shadow:inset 3px 0 #ffb52d}.pill{background:linear-gradient(#62bdff,#2a8ce4);box-shadow:0 3px 10px #1687df55}.socials{border:1px solid #263d54;background:#0e1c2b}.social-title{border-color:#263d54;color:#f1b84e}
.section-panel{width:min(1180px,calc(100% - 48px));border-color:#29435d;border-radius:14px;background:#091624;box-shadow:0 28px 70px #0007,inset 0 1px #ffffff08}.hero{min-height:720px;margin-top:24px;background:radial-gradient(circle at 74% 40%,#164a8475 0,transparent 31%),radial-gradient(circle at 23% 42%,#1e416b 0,#0b2342 33%,#071524 70%)}.hero:before{background-image:linear-gradient(120deg,transparent 54%,#3d9eff0d 54%),radial-gradient(circle,#69bfff15 0 2px,transparent 2.5px);background-size:auto,48px 48px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(0deg,#030c16,transparent);pointer-events:none}.hero-grid{min-height:680px;padding:88px 66px}.eyebrow{color:#8fcaff;font-size:13px;letter-spacing:.22em}.hero h1{font-size:clamp(72px,7vw,105px);letter-spacing:-.07em;text-shadow:0 7px 0 #235f98,0 20px 42px #000a}.hero h1 em{font-size:.72em;color:#fff;text-shadow:0 6px 0 #748193}.hero p{max-width:560px;color:#9badc2;font-size:17px}.hero-actions{gap:16px;margin-top:34px}.btn{min-height:48px;border-radius:7px;padding:13px 27px;text-transform:uppercase;letter-spacing:.02em;box-shadow:inset 0 1px #ffffff20,0 10px 25px #0004;transition:transform .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.primary,.blue-btn{background:linear-gradient(#67c2ff,#2e8ee5)}.btn.secondary{border-color:#527293;background:linear-gradient(#1b3048,#12243a)}.mythic-card{border-color:#405e7d;background:linear-gradient(155deg,#1a304a,#0e1b2c);box-shadow:0 28px 65px #0009,inset 0 1px #ffffff10}.mythic-card.card-center{border-color:#dfb23e}.mythic-card b{background:linear-gradient(#65bdff,#308bdd)}.mythic-card.card-center b{background:linear-gradient(#f7d356,#d99719)}
.bonus-chooser{width:min(1180px,calc(100% - 48px));margin:105px auto 70px}.section-heading{font-size:38px;letter-spacing:-.04em}.section-heading small{font-size:13px;letter-spacing:.1em;text-transform:uppercase}.bonus-grid{gap:26px}.bonus-card{min-height:430px;padding:76px 28px 27px;border-radius:14px;background:radial-gradient(circle at 50% 0,#31547b33,transparent 38%),linear-gradient(155deg,#172a40,#0b1625);box-shadow:0 26px 60px #0007,inset 0 1px #ffffff10;overflow:visible}.bonus-card:after{content:"";position:absolute;inset:8px;border:1px solid #ffffff08;border-radius:9px;pointer-events:none}.bonus-card.gold{border-color:#dca52c;box-shadow:0 26px 60px #0007,0 0 35px #d99c1720}.bonus-card.blue{border-color:#399be9;box-shadow:0 26px 60px #0007,0 0 35px #228fe225}.bonus-icon{top:-55px;font-size:85px}.bonus-card h3{font-size:44px}.bonus-card ul{gap:10px}.bonus-card li{border:1px solid #2b425a;background:#14263a;padding:10px}.benefits{padding:18px}.banner-art{min-height:190px;background:radial-gradient(circle at 50% 50%,#2468a8,#102e53 62%,#0b1e35)}.benefit-table{margin-top:18px}.row{padding:17px;border:1px solid transparent}.row:nth-child(odd){background:#12253a;border-color:#203850}.gold-leaderboard{padding:65px 55px;background:radial-gradient(circle at 70% 50%,#8b671a45,transparent 28%),linear-gradient(135deg,#171509,#0b1420 55%,#15223a)}.gold-copy h2{font-size:76px}.podium-card{border-color:#52677f;background:linear-gradient(#1c3048,#101d2e);box-shadow:0 25px 50px #0008}.podium-card.first{border-color:#e0b53b}.giveaway-meter{padding:95px 20px;background:radial-gradient(circle at 50% 50%,#126c4b35,transparent 42%),#071513}.media-zone{padding-top:55px;background:linear-gradient(180deg,#160c12,#090e18)}.video-card{border:1px solid #31475e;background:#111f31;box-shadow:0 16px 30px #0005}.thumb{height:125px}.kick-zone{background:radial-gradient(circle at 20% 45%,#2e7c2540,transparent 30%),#071411}.stream-card,.kick-card{box-shadow:0 24px 55px #0007}footer{background:#050d16;border-color:#1e3043}
@media(max-width:1000px){:root{--sidebar:88px}.hero{min-height:auto}.hero-grid{min-height:620px}.bonus-chooser{width:calc(100% - 28px)}}
@media(max-width:640px){:root{--sidebar:0px}.sidebar{width:100%;padding:8px;background:#091522eF;backdrop-filter:blur(14px)}.brand{height:52px}.brand-top{font-size:15px}.brand-bottom{font-size:12px}.section-panel,.bonus-chooser{width:calc(100% - 20px)}.hero{margin-top:10px}.hero-grid{min-height:590px;padding:58px 24px}.hero h1{font-size:56px}.hero p{font-size:15px}.bonus-chooser{margin-top:75px}.section-heading{font-size:30px}.gold-leaderboard{padding:48px 24px}.gold-copy h2{font-size:52px}}
.video-heading{width:min(1180px,100%);margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.video-heading h2{margin:0}.carousel-controls{display:flex;gap:10px}.carousel-arrow{width:48px;height:44px;border:1px solid #4b6682;border-radius:7px;background:linear-gradient(#1b3048,#102238);color:#f4f8fd;font-size:21px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px #ffffff16,0 8px 20px #0004;transition:transform .2s ease,border-color .2s ease,opacity .2s ease}.carousel-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:#61baff}.carousel-arrow:disabled{cursor:default;opacity:.32}.video-viewport{width:min(1180px,100%);margin:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.video-viewport::-webkit-scrollbar{display:none}.video-strip{display:flex;grid-template-columns:none;gap:18px}.video-card{flex:0 0 calc((100% - 54px)/4);min-width:0;padding:10px;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease}.video-card:hover{transform:translateY(-5px);border-color:#e43737}.video-thumb-wrap{position:relative;display:block;overflow:hidden;border-radius:7px;aspect-ratio:16/9;background:#08111c}.video-thumbnail{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail{transform:scale(1.04)}.video-play{position:absolute;left:50%;top:50%;width:48px;height:36px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:9px;background:#e52323e8;color:#fff;font-size:17px;box-shadow:0 8px 25px #0008}.video-card strong{margin:12px 4px 4px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.video-card small{display:block;margin:0 4px 5px}.video-loading{min-height:220px;width:100%;display:grid;place-items:center;color:#8295aa}.video-loading.error{color:#ff7781}.youtube-playlist-link{width:max-content;display:block;margin:25px auto 0;color:#6ebcff;font-weight:800}.youtube-playlist-link:hover{color:#fff}
@media(max-width:1000px){.video-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:640px){.video-heading{align-items:flex-end}.video-heading h2{font-size:22px}.carousel-arrow{width:42px;height:40px}.video-card{flex-basis:86%}}
.gold-leaderboard .podium{perspective:1100px}.gold-leaderboard .podium-card{--base-rotate:0deg;--base-scale:1;--tilt-x:0deg;--tilt-y:0deg;--glow-x:50%;--glow-y:50%;position:relative;isolation:isolate;overflow:hidden;transform:perspective(850px) rotateZ(var(--base-rotate)) rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) scale(var(--base-scale));translate:0 0;transition:transform .18s ease,translate .32s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;animation:podiumFloat 4.4s ease-in-out infinite;will-change:transform,translate}.gold-leaderboard .podium-card:before{content:"";position:absolute;inset:-2px;z-index:-1;background:radial-gradient(circle at var(--glow-x) var(--glow-y),#ffffff30,transparent 38%);opacity:.15;transition:opacity .3s ease}.gold-leaderboard .podium-card:hover{translate:0 -13px;animation-play-state:paused;box-shadow:0 32px 65px #000b,0 0 30px currentColor}.gold-leaderboard .podium-card:hover:before{opacity:1}.gold-leaderboard .podium-card.second{--base-rotate:-4deg;color:#cdd7e1;animation-delay:-1.4s}.gold-leaderboard .podium-card.first{--base-scale:1.08;color:#ffd044;animation-delay:-.4s}.gold-leaderboard .podium-card.third{--base-rotate:4deg;color:#e48643;animation-delay:-2.7s}.gold-leaderboard .podium-card.second:hover{border-color:#eef4fa}.gold-leaderboard .podium-card.first:hover{border-color:#ffe47b}.gold-leaderboard .podium-card.third:hover{border-color:#ffad69}.gold-leaderboard .podium-card span,.gold-leaderboard .podium-card b,.gold-leaderboard .podium-card small{position:relative;z-index:1;color:initial}.gold-leaderboard .podium-card>span{filter:drop-shadow(0 10px 12px #0007);transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease}.gold-leaderboard .podium-card:hover>span{transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 14px 16px #0009)}
@keyframes podiumFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
.meter-amount [data-giveaway]{display:inline-block;min-width:4.1ch;font-variant-numeric:tabular-nums}.meter-amount [data-giveaway].count-complete{animation:countSettle .55s cubic-bezier(.2,.9,.25,1)}@keyframes countSettle{0%{transform:scale(1)}45%{transform:scale(1.055);filter:drop-shadow(0 0 22px #55f46988)}100%{transform:scale(1);filter:none}}
@media(prefers-reduced-motion:reduce){.gold-leaderboard .podium-card{animation:none;transition:none}.gold-leaderboard .podium-card:hover{translate:0 0}.gold-leaderboard .podium-card>span{transition:none}.meter-amount [data-giveaway].count-complete{animation:none}}
.gold-leaderboard .podium-card b{color:inherit}.gold-leaderboard .podium-card small{color:#131b27}
.giveaway-meter{position:relative;isolation:isolate;background-color:#031812;background-image:linear-gradient(90deg,#020d0bb8,#06352238,#020d0bb8),url('/assets/backgrounds/stake-green.png');background-repeat:no-repeat;background-position:center;background-size:cover}.giveaway-meter:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,#20e97b16,transparent 43%);pointer-events:none}.giveaway-meter>*{position:relative;z-index:1}
.giveaway-meter{overflow:hidden;background:#041321}.giveaway-meter:before{content:"";position:absolute;inset:-3%;z-index:-2;background:url('/assets/backgrounds/stake-green.png') center/cover no-repeat;filter:none;transform:scale(1.04)}.giveaway-meter:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,8,12,.58),rgba(2,8,12,.08),rgba(2,8,12,.58));pointer-events:none}
.stake-partner-logo{width:118px;height:58px;display:block;object-fit:contain;margin:0 0 5px;filter:drop-shadow(0 8px 16px #0007)}.lb-hero .stake-partner-logo{margin:0 auto 5px}
.gold-leaderboard .podium-card{animation:none;translate:0 0;transition:transform .3s cubic-bezier(.2,.75,.25,1),translate .3s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .3s ease}.gold-leaderboard .podium-card:before{opacity:0;background:linear-gradient(135deg,#ffffff10,transparent 48%);transition:opacity .3s ease}.gold-leaderboard .podium-card:hover{translate:0 -7px;animation:none;box-shadow:0 27px 52px #0009}.gold-leaderboard .podium-card:hover:before{opacity:1}.gold-leaderboard .podium-card.second:hover{transform:perspective(850px) rotateZ(-4deg) scale(1.035);box-shadow:0 27px 52px #0009,0 0 0 1px #e8eef566}.gold-leaderboard .podium-card.first:hover{transform:perspective(850px) scale(1.11);box-shadow:0 29px 56px #0009,0 0 0 1px #ffd85b77}.gold-leaderboard .podium-card.third:hover{transform:perspective(850px) rotateZ(4deg) scale(1.035);box-shadow:0 27px 52px #0009,0 0 0 1px #ed9a5a66}.gold-leaderboard .podium-card:hover>span{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 11px 13px #0008)}
@media(max-width:640px){.stake-partner-logo{width:92px;height:46px;margin-inline:auto}.gold-leaderboard .podium-card:hover,.gold-leaderboard .podium-card.second:hover,.gold-leaderboard .podium-card.first:hover,.gold-leaderboard .podium-card.third:hover{translate:0 -4px;transform:scale(1.02)}}
.brand{isolation:isolate;border:1px solid #315675;background-color:#102b4b;background-image:linear-gradient(125deg,transparent 58%,#4ba8ff12 58%),radial-gradient(circle,#68c4ff20 0 1.5px,transparent 2px),linear-gradient(145deg,#173b65,#0d223b);background-size:auto,25px 25px,auto;box-shadow:inset 0 1px #ffffff15,0 12px 28px #0006;transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .28s ease,filter .28s ease}.brand:after{inset:auto -8% -50% 22%;height:78px;background:#50b8ff2c;filter:blur(20px);transform:rotate(-8deg);transition:background .28s ease,filter .28s ease}.brand:hover,.brand:focus-visible{transform:translateY(-2px) scale(1.025);border-color:#67c4ff;box-shadow:inset 0 1px #ffffff26,0 17px 34px #0008,0 0 0 1px #4fbaff2e;outline:none}.brand:hover:after,.brand:focus-visible:after{background:#61c4ff45;filter:blur(17px)}.brand-top{color:#72c5ff;text-shadow:0 4px 0 #245c8c,0 0 16px #55baff40}.brand-bottom{color:#f4f7fb;text-shadow:0 3px 0 #5e6e82}.brand-glow{z-index:-1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.brand{transition:none}.brand:hover,.brand:focus-visible{transform:none}}
.kick-zone{position:relative;isolation:isolate;overflow:hidden;padding:68px max(38px,calc((100% - 1180px)/2)) 82px;background-color:#071411;background-image:linear-gradient(115deg,#0a1b182e,#07110fdd),linear-gradient(25deg,#49ff2520 12%,transparent 12.5%,transparent 87%,#49ff2518 87.5%);background-size:auto,210px 210px;border-top:1px solid #1e3c35;border-bottom:1px solid #1e3c35}.kick-zone:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 44% 50%,#23d93817,transparent 38%)}.kick-header{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:32px}.kick-header img{width:38px;height:47px;object-fit:contain;filter:drop-shadow(0 8px 18px #3aff2460)}.kick-header h2{margin:0;font-size:31px}.kick-header h2 b{color:#53ff2b}.kick-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.72fr);gap:30px;align-items:stretch}.stream-card.kick-feature{display:block;min-height:0;position:relative;overflow:hidden;border:2px solid #41e64a;border-radius:14px;background:#071424;box-shadow:0 26px 60px #0009;transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .3s ease}.kick-feature-image{width:100%;height:100%;display:block;aspect-ratio:1672/941;object-fit:cover;transition:transform .45s cubic-bezier(.2,.75,.25,1),filter .35s ease}.kick-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff18 50%,transparent 60%);transform:translateX(-120%);transition:transform .65s ease;pointer-events:none}.kick-feature:hover{transform:translateY(-5px) scale(1.008);border-color:#6dff72;box-shadow:0 32px 68px #000b,0 0 0 1px #43e84a30}.kick-feature:hover:after{transform:translateX(120%)}.kick-feature:hover .kick-feature-image{transform:scale(1.018);filter:brightness(1.05)}.kick-feature-action{position:absolute;right:18px;bottom:18px;z-index:2;padding:10px 14px;border:1px solid #64fa70;border-radius:7px;background:#091b17db;color:#6aff65;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.kick-feature:hover .kick-feature-action{opacity:1;transform:none}.kick-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px;border:1px solid #293f53;border-radius:10px;background:linear-gradient(155deg,#162538,#0e1a29);box-shadow:0 26px 60px #0008,inset 0 1px #ffffff0b;transition:transform .3s cubic-bezier(.2,.75,.25,1),border-color .3s ease}.kick-card:hover{transform:translateY(-4px);border-color:#3d5b73}.kick-wordmark{width:min(185px,78%);height:auto;margin-bottom:23px;filter:drop-shadow(0 8px 18px #40ff2540)}.kick-card h3{margin:0 0 14px;font-size:34px;line-height:1.05}.kick-card h3 span{color:#53ff2b}.kick-card p{margin:0 0 23px;line-height:1.55}.kick-channel-url{width:100%;margin-bottom:15px;padding:13px 15px;border:1px solid #185132;border-radius:7px;background:#0c3325;color:#58ff35;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .25s ease,border-color .25s ease}.kick-channel-url:hover{background:#10442f;border-color:#2d8b49}.kick-btn{width:100%;display:flex;gap:10px;background:linear-gradient(#43dc4b,#25b936);border-color:#52ee5a}.kick-btn img{width:18px;height:21px;object-fit:contain}
@media(max-width:1000px){.kick-grid{grid-template-columns:1fr}.kick-card{max-width:none}.kick-feature-action{opacity:1;transform:none}}
@media(max-width:640px){.kick-zone{padding:48px 14px 58px}.kick-header h2{font-size:24px}.kick-header img{width:29px;height:36px}.kick-grid{gap:18px}.kick-card{padding:28px}.kick-card h3{font-size:29px}.kick-feature:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.kick-feature,.kick-feature-image,.kick-feature:after,.kick-feature-action,.kick-card{transition:none}.kick-feature:hover,.kick-card:hover{transform:none}.kick-feature:hover .kick-feature-image{transform:none}}

/* Shared ONZKI finish: deep surfaces and a fine light-blue interaction edge. */
:root{--bg:#030a13;--panel:#091625;--panel2:#0e1d2e;--border:#20364b;--text:#f1f6fc;--muted:#7f93a9;--blue:#62bdff;--blue2:#258ddd;--focus-line:#69c5ff;--surface-shadow:0 22px 54px rgba(0,4,10,.46)}
body{background-color:var(--bg);background-image:radial-gradient(circle at 78% 3%,rgba(21,66,110,.34),transparent 30%),linear-gradient(180deg,#071321 0,#030b14 55%,#020810 100%);color:var(--text)}
.page-shell{background:transparent}.section-panel,.bonus-card,.video-card,.kick-card,.socials{box-shadow:var(--surface-shadow),inset 0 1px rgba(255,255,255,.035)}.section-panel{border-color:var(--border);background-color:var(--panel)}
.sidebar{background:linear-gradient(180deg,#0b1827 0,#07111c 60%,#040b13 100%);border-color:#1d3144;box-shadow:12px 0 40px rgba(0,0,0,.34)}.brand{border-color:#29445d;background:radial-gradient(circle at 50% 115%,rgba(79,174,239,.2),transparent 52%),linear-gradient(145deg,#10243a,#091522)}.main-nav,.side-rule,.social-title{border-color:#1f3448}
.nav-item,.socials a,.btn,.carousel-arrow,.bonus-card,.video-card,.podium-card,.kick-card,.stream-card{transition:transform .24s cubic-bezier(.2,.7,.25,1),border-color .24s ease,box-shadow .24s ease,background-color .24s ease,filter .24s ease}
.nav-item:hover,.nav-item.active,.socials a:hover{border-color:rgba(105,197,255,.62);background:#13273a;color:#f7fbff;box-shadow:inset 2px 0 var(--focus-line)}
.btn:hover,.carousel-arrow:hover:not(:disabled),.bonus-card:hover,.video-card:hover,.podium-card:hover,.kick-card:hover,.stream-card:hover{border-color:var(--focus-line);box-shadow:0 22px 48px rgba(0,5,12,.55),0 0 0 1px rgba(105,197,255,.16)}
.btn:hover,.carousel-arrow:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.04)}.bonus-card:hover,.video-card:hover,.podium-card:hover,.kick-card:hover,.stream-card:hover{transform:translateY(-4px) scale(1.012)}
.bonus-card,.video-card,.kick-card{border-width:1px}.bonus-card.gold,.bonus-card.blue{border-color:#2b4359}.gold-leaderboard{background:radial-gradient(circle at 72% 48%,rgba(38,91,143,.22),transparent 31%),linear-gradient(135deg,#08121e,#0b1828 58%,#0e2035)}.giveaway-meter{background-color:#071520}.media-zone{background:linear-gradient(180deg,#07111d,#050d17)}
.kick-zone{border-block:1px solid #17352f;background-color:#06120f}.kick-feature:hover{transform:translateY(-4px) scale(1.008);border-color:var(--focus-line);box-shadow:0 25px 55px rgba(0,5,12,.6),0 0 0 1px rgba(105,197,255,.17)}footer{background:#040b13;border-color:#1b2d3f}
a:focus-visible,button:focus-visible{outline:2px solid var(--focus-line);outline-offset:3px}@media(prefers-reduced-motion:reduce){.nav-item,.socials a,.btn,.carousel-arrow,.bonus-card,.video-card,.podium-card,.kick-card,.stream-card,.kick-feature{transition:none!important;transform:none!important}}

/* Shared navigation and footer */
.sidebar{padding:18px 16px}.brand{height:76px;margin-bottom:26px}.main-nav{gap:10px;padding-top:18px}.nav-item{min-height:50px;padding:12px 13px;border:1px solid transparent;border-radius:9px;background:rgba(24,42,61,.54);color:#768ba2;font-size:14px}.nav-icon,.socials img,.social-title img,.site-footer img{width:21px;height:21px;flex:0 0 auto;object-fit:contain;filter:grayscale(1) brightness(.82);opacity:.72;transition:filter .22s ease,opacity .22s ease,transform .22s ease}.nav-item:hover .nav-icon,.socials a:hover img{filter:none;opacity:1}.nav-item.active{background:#13283c;color:#f1f6fc;box-shadow:inset 2px 0 var(--focus-line)}.nav-item.active .nav-icon{filter:none;opacity:1}.pill{border:1px solid rgba(128,207,255,.28);background:#399fe6;color:#fff;box-shadow:none}.side-rule{margin:25px 0}.socials{margin:0 0 28px;border:1px solid #21384d;border-radius:10px;background:#0c1927;box-shadow:none}.social-title{display:flex;align-items:center;gap:10px;padding:13px;color:#e7eef6}.social-title img{filter:none;opacity:1}.socials a{min-height:42px;padding:10px 13px;border:1px solid transparent;border-radius:0;color:#71879e}.socials a:hover{border-color:transparent;border-left-color:var(--focus-line);background:#112439;box-shadow:none}
.site-footer{width:100%;margin-top:64px;padding:54px max(38px,calc((100% - 1120px)/2));display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(130px,.65fr) minmax(150px,.65fr);gap:72px;border-top:1px solid #1d3245;background:linear-gradient(180deg,#06111d,#030a12);box-shadow:inset 0 1px rgba(255,255,255,.02)}.site-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.site-footer .footer-brand strong{font-size:29px;letter-spacing:-.04em;color:#f3f6fa}.site-footer .footer-brand strong span{color:#65bdff}.site-footer .footer-brand small{color:#71869c;font-size:11px;letter-spacing:.04em}.site-footer .footer-brand b{margin-top:9px;color:#65bdff;font-size:13px;letter-spacing:0}.site-footer p{max-width:420px;margin:0;color:#6f8297;font-size:12px;line-height:1.65}.site-footer .footer-links>b{margin-bottom:4px;color:#71869c;font-size:11px;letter-spacing:.15em}.site-footer a{display:flex;align-items:center;gap:9px;color:#bdc9d5;font-size:13px;transition:color .2s ease,transform .2s ease}.site-footer a:hover{color:#69c5ff;transform:translateX(2px)}.site-footer a:hover img{filter:none;opacity:1}.site-footer img{width:17px;height:17px;filter:none;opacity:.9}
@media(max-width:1000px){.sidebar{padding-inline:12px}.nav-item{padding-inline:10px}.nav-icon{width:22px;height:22px}.site-footer{grid-template-columns:1.25fr .7fr .7fr;gap:38px}}
@media(max-width:760px){.site-footer{grid-template-columns:1fr 1fr;gap:38px 28px;padding:42px 24px}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:640px){.sidebar{padding:8px}.brand{height:52px;margin-bottom:0}.main-nav{padding-top:0}.nav-item{min-height:46px;background:transparent}.nav-item.active{box-shadow:inset 0 -2px var(--focus-line)}.nav-icon{width:21px;height:21px}.site-footer{grid-template-columns:1fr;margin-top:42px}.site-footer .footer-brand{grid-column:auto}}

/* Benefits artwork is supplied as a complete branded banner. */
.banner-art.benefits-image{width:100%;min-height:0;aspect-ratio:2172/568;border:1px solid #23415b;border-radius:12px;background-image:url('/assets/backgrounds/benefits.png');background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 1px rgba(255,255,255,.05)}.banner-art.benefits-image:after{display:none}
@media(max-width:640px){.banner-art.benefits-image{aspect-ratio:2.65/1;background-size:cover}}

/* Layered homepage artwork */
@keyframes onzkiFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes onzkiFloatSlow{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes onzkiGlow{0%,100%{opacity:.42;transform:translateX(-50%) scale(.96)}50%{opacity:.7;transform:translateX(-50%) scale(1.04)}}
@keyframes onzkiMountainDrift{0%,100%{background-position:50% 0}50%{background-position:calc(50% + 7px) 2px}}
.floating-art{animation:onzkiFloat 5.2s ease-in-out infinite;will-change:translate}.floating-art.float-slow{animation-name:onzkiFloatSlow;animation-duration:6.8s;animation-delay:-1.7s}.floating-art.float-delay{animation-duration:5.8s;animation-delay:-3.1s}
.hero{isolation:isolate;min-height:720px}.hero-atmosphere{position:absolute;left:50%;bottom:-8%;z-index:0;width:74%;height:52%;border-radius:50%;background:radial-gradient(ellipse,rgba(44,157,238,.32) 0,rgba(31,100,166,.17) 35%,transparent 72%);filter:blur(26px);animation:onzkiGlow 6s ease-in-out infinite;pointer-events:none}.hero-mountains{position:absolute;inset:auto 0 0;z-index:3;height:155px;background:url('/assets/backgrounds/MountainBG.png') center top/100% auto no-repeat;transform:scaleY(-1);transform-origin:center;animation:onzkiMountainDrift 8s ease-in-out infinite;pointer-events:none}.hero-zeus{position:absolute;bottom:32px;z-index:2;object-fit:contain;filter:drop-shadow(0 25px 28px rgba(0,0,0,.5));pointer-events:none}.hero-zeus-left{left:-22px;width:40%;max-width:430px}.hero-zeus-right{right:10px;width:28%;max-width:330px}.hero-grid{z-index:4;grid-template-columns:1fr;justify-items:center;text-align:center;padding-inline:22%}.hero-copy{position:relative;z-index:4;max-width:650px}.hero-copy .stake-partner-logo{margin-inline:auto}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center}.hero-art{display:none}.down-cue{z-index:5}
.bonus-card{isolation:isolate;overflow:visible}.bonus-card>*:not(.bonus-icon):not(.card-watermark){position:relative;z-index:2}.bonus-card .bonus-icon{width:104px;height:104px;object-fit:contain;font-size:0;filter:drop-shadow(0 13px 20px rgba(0,0,0,.45))}.card-watermark{position:absolute;z-index:0;width:112px;height:112px;object-fit:contain;opacity:.085;filter:grayscale(.25);pointer-events:none}.watermark-left{left:7px;top:8px;transform:rotate(-11deg)}.watermark-right{right:4px;top:22px;transform:rotate(10deg)}
.giveaway-meter{isolation:isolate}.meter-symbol{position:absolute;z-index:0;width:94px;height:94px;object-fit:contain;opacity:.3;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45));pointer-events:none}.meter-symbol-left{left:5%;top:10%;transform:rotate(-9deg)}.meter-symbol-right{right:5%;bottom:7%;transform:rotate(8deg)}.giveaway-meter>.meter-amount,.giveaway-meter>.meter-label,.giveaway-meter>small{z-index:2}
.kick-zone>.kick-header,.kick-zone>.kick-grid{position:relative;z-index:2}.kick-float{position:absolute;z-index:1;width:110px;height:110px;object-fit:contain;opacity:.48;filter:drop-shadow(0 14px 20px rgba(0,0,0,.5));pointer-events:none}.kick-float-left{left:max(18px,calc((100% - 1350px)/2));top:23%;transform:rotate(-9deg)}.kick-float-right{right:max(18px,calc((100% - 1350px)/2));bottom:12%;transform:rotate(8deg)}
@media(max-width:1000px){.hero-grid{padding-inline:17%}.hero-zeus-left{left:-45px;width:44%}.hero-zeus-right{right:-10px;width:31%}.card-watermark{width:100px;height:100px}.kick-float{width:82px;height:82px;opacity:.3}}
@media(max-width:640px){.hero{min-height:620px}.hero-grid{min-height:600px;padding:62px 24px 135px}.hero-zeus-left{left:-58px;bottom:22px;width:58%;opacity:.7}.hero-zeus-right{right:-34px;bottom:20px;width:39%;opacity:.68}.hero-mountains{height:100px;background-size:auto 1000px}.hero-atmosphere{width:110%;height:38%}.bonus-card .bonus-icon{width:92px;height:92px}.card-watermark{width:84px;height:84px;opacity:.07}.meter-symbol{width:62px;height:62px;opacity:.2}.kick-float{width:64px;height:64px;opacity:.22}.kick-float-left{left:4px;top:14%}.kick-float-right{right:4px;bottom:8%}}
@media(prefers-reduced-motion:reduce){.floating-art,.hero-atmosphere,.hero-mountains{animation:none!important;translate:none!important}.hero-atmosphere{transform:translateX(-50%)}}

/* Rebuilt landing composition */
.landing-hero{position:relative;isolation:isolate;min-height:760px;margin-top:24px;overflow:hidden;border-color:#27445e;background:radial-gradient(circle at 50% 42%,rgba(29,90,151,.54),transparent 44%),linear-gradient(135deg,#102d50 0,#0a2039 51%,#081827 100%);box-shadow:0 30px 74px rgba(0,4,10,.58),inset 0 1px rgba(255,255,255,.05)}
.landing-hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:radial-gradient(circle,rgba(103,193,255,.14) 0 2px,transparent 2.5px),linear-gradient(120deg,transparent 0 61%,rgba(75,161,231,.07) 61% 78%,transparent 78%);background-size:48px 48px,auto;pointer-events:none}.landing-hero-glow{position:absolute;left:50%;bottom:24px;z-index:-1;width:75%;height:45%;border-radius:50%;background:radial-gradient(ellipse,rgba(45,161,239,.34),rgba(31,99,163,.16) 40%,transparent 72%);filter:blur(28px);animation:onzkiGlow 6s ease-in-out infinite;pointer-events:none}.landing-copy{position:relative;z-index:5;width:min(680px,64%);margin:0 auto;padding:72px 0 180px;text-align:center}.landing-stake{display:block;width:132px;height:62px;margin:0 auto 2px;object-fit:contain;filter:drop-shadow(0 9px 17px rgba(0,0,0,.45))}.landing-eyebrow{color:#8bcbff;font-size:12px;font-weight:900;letter-spacing:.22em}.landing-copy h1{margin:20px 0 26px;line-height:.82}.landing-copy h1 span{display:block}.landing-amount{color:#69bdff;font-size:clamp(78px,9.2vw,122px);font-weight:900;letter-spacing:-.075em;text-shadow:0 7px 0 #235f98,0 20px 40px rgba(0,0,0,.45)}.landing-title{margin-top:20px;color:#f7f9fc;font-size:clamp(46px,6.6vw,83px);font-weight:900;letter-spacing:-.075em;text-shadow:0 6px 0 #788696,0 18px 35px rgba(0,0,0,.48)}.landing-copy p{max-width:590px;margin:0 auto;color:#93a8bd;font-size:15px;line-height:1.6}.landing-copy p strong{color:#66bfff}.landing-actions{display:flex;justify-content:center;gap:14px;margin-top:30px}.landing-button{min-width:210px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:1px solid #4c6b88;border-radius:8px;font-size:13px;font-weight:900;text-transform:uppercase;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}.landing-button-secondary{background:linear-gradient(#18314a,#10243a);color:#f2f6fa}.landing-button-primary{border-color:#70c8ff;background:linear-gradient(#69c4ff,#2f91e3);color:#061a2c}.landing-button:hover{transform:translateY(-3px);border-color:#82d1ff;box-shadow:0 16px 30px rgba(0,5,12,.5),0 0 0 1px rgba(105,197,255,.16);filter:brightness(1.04)}
.landing-zeus{position:absolute;z-index:3;bottom:92px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 24px 30px rgba(0,0,0,.58))}.landing-zeus-left{left:-18px;width:39%;max-width:450px}.landing-zeus-right{right:5px;width:27%;max-width:325px}.landing-symbol{position:absolute;z-index:1;width:64px;height:64px;object-fit:contain;opacity:.28;filter:grayscale(.3)}.landing-symbol-one{left:24%;top:15%;transform:rotate(-9deg)}.landing-symbol-two{right:25%;top:17%;transform:rotate(8deg)}.landing-mountains{position:absolute;inset:auto 0 0;z-index:4;height:150px;background:url('/assets/backgrounds/MountainBG.png') center top/100% auto no-repeat;transform:scaleY(-1);animation:onzkiMountainDrift 8s ease-in-out infinite;pointer-events:none}.landing-down{position:absolute;left:50%;bottom:19px;z-index:6;translate:-50% 0;color:#67bdff;font-size:43px;line-height:1;animation:onzkiFloatSlow 3.8s ease-in-out infinite}.landing-down:hover{color:#a1dcff}

/* Rebuilt bonus chooser */
.reward-section{width:min(1180px,calc(100% - 48px));margin:100px auto 78px}.reward-heading{text-align:center;margin-bottom:72px}.reward-heading h2{margin:0;color:#f5f8fc;font-size:clamp(31px,4vw,47px);letter-spacing:-.05em}.reward-heading h2 span{color:#68bfff}.reward-heading p{margin:10px 0 0;color:#8296ac;font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.reward-card{--reward-accent:#e4b23c;position:relative;isolation:isolate;min-height:530px;padding:88px 26px 24px;overflow:visible;border:1px solid var(--reward-accent);border-radius:15px;background:radial-gradient(circle at 50% 0,rgba(64,105,147,.24),transparent 34%),linear-gradient(155deg,#14263a,#0a1624);box-shadow:0 28px 58px rgba(0,4,10,.56),inset 0 1px rgba(255,255,255,.045);transition:transform .25s cubic-bezier(.2,.7,.25,1),border-color .25s ease,box-shadow .25s ease}.reward-card:after{content:"";position:absolute;inset:8px;z-index:-1;border:1px solid rgba(255,255,255,.045);border-radius:10px;pointer-events:none}.reward-card-blue{--reward-accent:#59b9ff;background:radial-gradient(circle at 50% 0,rgba(46,133,211,.33),transparent 38%),linear-gradient(155deg,#153253,#0b1b2e)}.reward-card:hover{transform:translateY(-6px) scale(1.012);border-color:#75cbff;box-shadow:0 34px 66px rgba(0,4,10,.64),0 0 0 1px rgba(105,197,255,.15)}.reward-main-icon{position:absolute;left:50%;top:-57px;width:118px;height:118px;translate:-50% 0;object-fit:contain;z-index:4;filter:drop-shadow(0 16px 22px rgba(0,0,0,.48))}.reward-watermarks{position:absolute;inset:10px 8px auto;height:155px;overflow:hidden;z-index:-1;pointer-events:none}.reward-watermarks img{position:absolute;width:122px;height:122px;object-fit:contain;opacity:.075;filter:grayscale(.3)}.reward-watermarks img:first-child{left:5px;top:2px;transform:rotate(-10deg)}.reward-watermarks img:last-child{right:2px;top:18px;transform:rotate(10deg)}.reward-content{height:100%;display:flex;flex-direction:column;text-align:center}.reward-content h3{margin:15px 0 2px;color:#ffd052;font-size:clamp(34px,3.4vw,47px);line-height:1;letter-spacing:-.04em}.reward-card-blue .reward-content h3{color:#69bdff}.reward-content>p{margin:5px 0 27px;color:#7f93a8;font-size:14px}.reward-content>p .reward-code{color:#64bfff;font-weight:900}.reward-content ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.reward-content li{min-height:39px;display:flex;align-items:center;justify-content:center;padding:8px 14px;border:1px solid #28435a;border-radius:24px;background:#13283c;color:#dce5ee;font-size:12px}.reward-content li b{margin-left:.3em;color:#64bfff}.reward-card-gold .reward-content li b{color:#ffd052}.reward-button{min-height:48px;display:flex;align-items:center;justify-content:center;margin-top:auto;border:1px solid #f2c34d;border-radius:7px;background:linear-gradient(#ffd966,#f6b91f);color:#0b1723;font-size:13px;font-weight:900;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.35);transition:transform .2s ease,border-color .2s ease,filter .2s ease,box-shadow .2s ease}.reward-card-blue .reward-button{border-color:#72c9ff;background:linear-gradient(#69c4ff,#2e91e2)}.reward-button:hover{transform:translateY(-2px);border-color:#8bd5ff;filter:brightness(1.04);box-shadow:0 12px 24px rgba(0,5,12,.42),0 0 0 1px rgba(105,197,255,.14)}
@media(max-width:1000px){.landing-copy{width:70%;padding-bottom:165px}.landing-zeus-left{left:-52px;width:44%}.landing-zeus-right{right:-12px;width:30%}.reward-grid{grid-template-columns:1fr 1fr;gap:74px 24px}.reward-card:last-child{grid-column:1/-1;width:calc(50% - 12px);justify-self:center}}
@media(max-width:700px){.landing-hero{min-height:680px}.landing-copy{width:100%;padding:62px 18px 180px}.landing-stake{width:105px;height:50px}.landing-eyebrow{font-size:9px}.landing-amount{font-size:clamp(61px,20vw,88px)}.landing-title{margin-top:15px;font-size:clamp(38px,12.5vw,58px)}.landing-copy p{max-width:370px;font-size:13px}.landing-actions{flex-direction:column;align-items:center}.landing-button{width:min(280px,100%)}.landing-zeus-left{left:-72px;bottom:72px;width:62%;opacity:.78}.landing-zeus-right{right:-46px;bottom:70px;width:43%;opacity:.76}.landing-mountains{height:105px;background-size:auto 1000px}.landing-symbol{display:none}.reward-section{width:calc(100% - 20px);margin-top:78px}.reward-heading{margin-bottom:68px}.reward-grid{grid-template-columns:1fr;gap:74px}.reward-card,.reward-card:last-child{width:100%;grid-column:auto}.reward-card{min-height:500px;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.landing-hero-glow,.landing-mountains,.landing-down{animation:none!important}.landing-down{translate:-50% 0}}

/* Preserve horizontal centering while vertical float animations use translate. */
.landing-down{transform:translateX(-50%)}
.reward-main-icon{left:calc(50% - 59px);margin:0}
@media(prefers-reduced-motion:reduce){.landing-down,.reward-main-icon{translate:0 0}}

/* Hero correction: no mountain layer and no nested amount wrapping. */
.landing-copy h1>span{display:block}.landing-copy h1 .landing-amount{white-space:nowrap}.landing-copy h1 .landing-amount>span{display:inline}.landing-mountains{display:none!important}.landing-hero{min-height:700px}.landing-copy{padding-bottom:110px}.landing-zeus{bottom:0}.landing-down{bottom:18px}
@media(max-width:1000px){.landing-copy{padding-bottom:110px}}
@media(max-width:700px){.landing-hero{min-height:650px}.landing-copy{padding-bottom:145px}.landing-zeus-left,.landing-zeus-right{bottom:0}}

/* Hero action artwork */
.landing-button img{width:19px;height:19px;display:block;flex:0 0 auto;object-fit:contain}.landing-button{gap:9px}.landing-button-secondary img{filter:brightness(0) saturate(100%) invert(76%) sepia(35%) saturate(1124%) hue-rotate(176deg) brightness(102%)}.landing-button-primary img{filter:brightness(0) saturate(100%) invert(10%) sepia(18%) saturate(1848%) hue-rotate(165deg) brightness(91%)}

/* Mobile header and off-canvas navigation */
.mobile-header,.mobile-menu-close,.menu-backdrop{display:none}
@media(max-width:640px){
  body.menu-open{overflow:hidden}
  .mobile-header{position:sticky;top:0;z-index:90;height:72px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:0 14px;border-bottom:1px solid #20364b;background:rgba(5,14,23,.96);box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
  .mobile-menu-button{grid-column:1;width:46px;height:46px;display:grid;align-content:center;gap:5px;padding:11px;border:1px solid #2c455d;border-radius:10px;background:#101f30;box-shadow:inset 0 1px rgba(255,255,255,.04);cursor:pointer}
  .mobile-menu-button span{width:22px;height:2px;display:block;margin:auto;border-radius:2px;background:#b9c6d3;transition:transform .22s ease,opacity .22s ease}
  .mobile-brand{grid-column:2;justify-self:center;color:#f3f6fa;font-size:22px;font-weight:900;letter-spacing:-.04em}.mobile-brand span{color:#69bdff;text-shadow:0 3px 0 #245b8a}
  .sidebar{position:fixed!important;inset:0 auto 0 0!important;z-index:110!important;width:min(84vw,330px)!important;height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:18px 18px 28px!important;overflow-y:auto;transform:translateX(-104%);transition:transform .3s cubic-bezier(.2,.75,.25,1);background:linear-gradient(180deg,#0c1a2a,#07121e 68%,#050d16)!important;box-shadow:22px 0 60px rgba(0,0,0,.62)}
  body.menu-open .sidebar{transform:translateX(0)}
  .sidebar .brand{width:100%!important;min-width:0!important;height:76px!important;margin:0 0 24px!important}
  .mobile-menu-close{position:absolute;top:28px;right:28px;z-index:2;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #35506a;border-radius:9px;background:#102338;color:#b9c8d6;font-size:25px;line-height:1;cursor:pointer}
  .sidebar .main-nav{display:grid!important;gap:10px!important;padding:18px 0 0!important;border-top:1px solid #20364b!important;overflow:visible!important}
  .sidebar .nav-item{min-width:0!important;min-height:52px!important;justify-content:flex-start!important;padding:12px 14px!important;background:#132337!important;font-size:14px!important}
  .sidebar .nav-item.active{box-shadow:inset 2px 0 var(--focus-line)!important}
  .sidebar .nav-item .nav-icon{font-size:initial!important}
  .sidebar .pill{display:inline-flex!important}
  .sidebar .side-rule{display:block!important;margin:24px 0!important}
  .sidebar .socials{display:block!important;margin-top:auto!important;margin-bottom:0!important}
  .sidebar .social-title{font-size:14px!important;text-align:left!important}
  .sidebar .socials a{justify-content:flex-start!important;font-size:13px!important}
  .menu-backdrop{position:fixed;inset:0;z-index:100;width:100%;height:100%;display:block;border:0;background:rgba(0,5,11,.68);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;backdrop-filter:blur(2px);cursor:pointer}
  body.menu-open .menu-backdrop{opacity:1;visibility:visible}
  .page-shell{margin-left:0!important}
}
@media(prefers-reduced-motion:reduce){.sidebar,.menu-backdrop,.mobile-menu-button span{transition:none!important}}

/* Uploaded scroll cue; the anchor retains its existing float and hover motion. */
.landing-down{width:124px;height:auto;display:block;font-size:0}.landing-down img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(26,140,224,.25));transition:filter .22s ease,transform .22s ease}.landing-down:hover img{filter:brightness(1.14) drop-shadow(0 9px 17px rgba(68,178,255,.38));transform:scale(1.035)}
@media(max-width:700px){.landing-down{width:106px}}

/* Canonical ONZKI page canvas — restored from the landing-page theme. */
html{background:#030a13}body{background-color:#030a13;background-image:radial-gradient(circle at 78% 3%,rgba(21,66,110,.34),transparent 30%),linear-gradient(180deg,#071321 0,#030b14 55%,#020810 100%);background-repeat:no-repeat;background-attachment:fixed;background-size:100% 100%}.page-shell{background:transparent}
html:not(.site-config-ready) [data-leaderboard],html:not(.site-config-ready) [data-nav-amount],html:not(.site-config-ready) [data-nav-raffle],html:not(.site-config-ready) [data-currency]{visibility:hidden}

/* Shared ONZKI loading screen. */
body.site-loading{overflow:hidden}
.site-loader{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(35,129,199,.16),transparent 24%),
    radial-gradient(circle at 50% 120%,rgba(28,112,179,.12),transparent 42%),
    #020c15;
  opacity:1;
  visibility:visible;
  touch-action:none;
  overscroll-behavior:contain;
  transition:opacity .45s ease,visibility .45s ease;
  animation:onzkiLoaderFailsafe .45s ease 5s forwards;
}
html.show-site-loader .site-loader{display:grid}
.site-loader::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:radial-gradient(circle,rgba(91,186,249,.3) 0 1px,transparent 1.5px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,transparent,black 32%,black 68%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 32%,black 68%,transparent);
  pointer-events:none;
}
.site-loader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.site-loader-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  transform:translateY(-2vh);
}
.site-loader-logo{
  width:112px;
  height:112px;
  display:block;
  object-fit:cover;
  border:1px solid rgba(109,201,255,.38);
  border-radius:25px;
  box-shadow:0 20px 48px rgba(0,4,10,.6),0 0 34px rgba(52,169,238,.18),inset 0 1px rgba(255,255,255,.15);
  animation:onzkiLoaderPulse 1.8s ease-in-out infinite;
}
.site-loader-spinner{
  width:32px;
  height:32px;
  display:block;
  margin-top:20px;
  border:3px solid rgba(111,145,169,.25);
  border-top-color:#58b9f7;
  border-right-color:#58b9f7;
  border-radius:50%;
  filter:drop-shadow(0 0 7px rgba(69,174,239,.28));
  animation:onzkiLoaderSpin .75s linear infinite;
}
.site-loader small{
  margin-top:11px;
  color:#6f8ca2;
  font-size:8px;
  font-weight:900;
  letter-spacing:.24em;
}
@keyframes onzkiLoaderSpin{to{transform:rotate(360deg)}}
@keyframes onzkiLoaderPulse{0%,100%{transform:scale(1);filter:brightness(.96)}50%{transform:scale(1.025);filter:brightness(1.07)}}
@keyframes onzkiLoaderFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:640px){.site-loader-logo{width:96px;height:96px;border-radius:22px}.site-loader-spinner{width:29px;height:29px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.site-loader{animation:onzkiLoaderFailsafe 1ms step-end 5s forwards;transition:none}.site-loader-logo,.site-loader-spinner{animation:none}.site-loader-spinner{border-color:rgba(111,145,169,.3);border-top-color:#58b9f7}}

/* Prevent the first landing section margin from exposing a dark header strip. */
.home-body .page-shell{padding-top:20px}.home-body .landing-hero{margin-top:0}

/* Reward artwork: large foreground emblems with subtle symbols behind the cards. */
.reward-card{padding-top:114px}
.reward-card::before{
  content:"";
  position:absolute;
  inset:1px;
  z-index:1;
  border-radius:14px;
  background:radial-gradient(circle at 50% 0,rgba(64,105,147,.24),transparent 34%),linear-gradient(155deg,#14263a,#0a1624);
  pointer-events:none;
}
.reward-card-blue::before{
  background:radial-gradient(circle at 50% 0,rgba(46,133,211,.33),transparent 38%),linear-gradient(155deg,#153253,#0b1b2e);
}
.reward-card::after{z-index:2}
.reward-content{position:relative;z-index:3}
.reward-main-icon{
  top:-90px;
  left:calc(50% - 88px);
  width:176px;
  height:176px;
  filter:drop-shadow(0 18px 25px rgba(0,0,0,.52));
}
.reward-watermarks{
  inset:auto 0 auto;
  top:-48px;
  height:155px;
  overflow:visible;
  z-index:0;
}
.reward-watermarks img{
  width:132px;
  height:132px;
  opacity:.09;
  filter:grayscale(.35) brightness(.8);
}
.reward-watermarks img:first-child{left:18px;top:0}
.reward-watermarks img:last-child{right:16px;top:7px}

@media(max-width:700px){
  .reward-card{padding-top:100px}
  .reward-main-icon{top:-74px;left:calc(50% - 73px);width:146px;height:146px}
  .reward-watermarks{top:-40px;height:132px}
  .reward-watermarks img{width:108px;height:108px;opacity:.075}
  .reward-watermarks img:first-child{left:5px}
  .reward-watermarks img:last-child{right:4px}
}

/* Compact, fully visible mobile reward and benefits layouts. */
@media(max-width:700px){
  .reward-heading{margin-bottom:82px}
  .reward-grid{gap:88px}
  .reward-card,
  .reward-card:last-child{
    min-height:420px;
    padding:78px 16px 16px;
  }
  .reward-content h3{margin:8px 0 2px;font-size:36px}
  .reward-content>p{margin:3px 0 18px;font-size:13px}
  .reward-content ul{gap:6px}
  .reward-content li{min-height:34px;padding:5px 10px;font-size:11px}
  .reward-button{min-height:43px;margin-top:17px}

  .reward-watermarks{
    top:-67px;
    height:130px;
  }
  .reward-watermarks img{
    width:108px;
    height:108px;
    opacity:.14;
    filter:grayscale(.3) brightness(.9);
  }
  .reward-watermarks img:first-child{left:10px;top:0}
  .reward-watermarks img:last-child{right:9px;top:7px}

  .benefits{
    width:calc(100% - 20px);
    padding:10px;
  }
  .benefit-table{
    width:100%;
    margin-top:10px;
    overflow:visible;
  }
  .banner-art.benefits-image{aspect-ratio:2172/568}
  .benefit-table .row{
    min-width:0;
    grid-template-columns:minmax(0,1.65fr) minmax(58px,.62fr) minmax(58px,.62fr);
    gap:4px;
    align-items:center;
    padding:11px 8px;
    font-size:11px;
    line-height:1.25;
  }
  .benefit-table .row span{min-width:0}
  .benefit-table .row span:first-child{overflow-wrap:anywhere}
  .benefit-table .row span:nth-child(n+2){white-space:nowrap}
  .benefit-table .row.header span{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6px 3px;
    font-size:9px;
    line-height:1.2;
    text-align:center;
  }
  .benefit-table .row.header span:nth-child(n+2){white-space:normal}
  .benefit-table .row.header span:first-child{justify-content:flex-start;padding-left:7px}
}

@media(max-width:380px){
  .benefit-table .row{
    grid-template-columns:minmax(0,1.55fr) 55px 55px;
    padding-inline:6px;
    font-size:10px;
  }
}

.landing-description{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.32em}.inline-stake-logo{width:68px;height:28px;display:inline-block;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 5px 9px rgba(0,0,0,.3))}

/* Keep the benefits artwork compact on wide screens without changing mobile. */
@media(min-width:701px){
  .banner-art.benefits-image{
    height:clamp(170px,16vw,220px);
    aspect-ratio:auto;
    background-position:center;
    background-size:cover;
  }
}

/* The landing headline stays crisp and completely flat. */
.landing-amount,
.landing-title{
  text-shadow:none;
  filter:none;
}
.landing-amount{
  color:#66b7f5;
  background:linear-gradient(180deg,#8bcbf8 0%,#6abaf4 52%,#50a6eb 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* Quiet, tile-based sidebar navigation. Active state only; no hover effects. */
.sidebar{
  padding:20px 18px;
  background:linear-gradient(180deg,#111f30 0%,#0b1725 58%,#07111c 100%);
  border-right:1px solid #24384c;
  box-shadow:none;
}
.sidebar .brand,
.sidebar .brand:hover{
  height:72px;
  margin-bottom:28px;
  border:1px solid #294158;
  border-radius:11px;
  background-color:#102238;
  background-image:
    linear-gradient(120deg,transparent 58%,rgba(83,176,241,.07) 58%),
    radial-gradient(circle,rgba(105,196,255,.1) 0 1.5px,transparent 2px),
    linear-gradient(145deg,#18304a,#0d1d30);
  background-size:auto,27px 27px,auto;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  transform:none;
  filter:none;
  transition:none;
}
.sidebar .brand:hover::after{background:#50b8ff2c;filter:blur(20px)}
.sidebar .brand:focus-visible{transform:none;outline:2px solid #69c5ff;outline-offset:3px}
.sidebar .main-nav{
  gap:11px;
  padding-top:26px;
  border-color:#283b4f;
}
.sidebar .nav-item,
.sidebar .nav-item:hover{
  min-height:56px;
  padding:0 16px;
  border:0;
  border-radius:10px;
  background:#162638;
  color:#687e95;
  box-shadow:none;
  transform:none;
  filter:none;
  transition:none;
}
.sidebar .nav-item.active,
.sidebar .nav-item.active:hover{
  border:0;
  background:#223449;
  color:#f0f4f8;
  box-shadow:none;
}
.sidebar .nav-icon,
.sidebar .socials img{
  width:23px;
  height:23px;
  filter:grayscale(1) brightness(.72);
  opacity:.64;
  transform:none;
  transition:none;
}
.sidebar .nav-item:not(.active):hover .nav-icon,
.sidebar .socials a:hover img{
  filter:grayscale(1) brightness(.72);
  opacity:.64;
  transform:none;
}
.sidebar .nav-item.active .nav-icon,
.sidebar .nav-item.active:hover .nav-icon{
  filter:none;
  opacity:1;
}
.sidebar .pill{
  padding:6px 9px;
  border:0;
  border-radius:7px;
  background:#4aaaf0;
  box-shadow:none;
  font-size:11px;
}
.sidebar .side-rule{margin:28px 0;background:#283b4f}
.sidebar .socials{
  border-color:#283d51;
  border-radius:10px;
  background:#101e2e;
  box-shadow:none;
}
.sidebar .social-title{border-color:#283d51;color:#e2e8ef}
.sidebar .social-title img{filter:none;opacity:1}
.sidebar .socials a,
.sidebar .socials a:hover{
  border:0;
  background:transparent;
  color:#687e95;
  box-shadow:none;
  transform:none;
  filter:none;
  transition:none;
}

/* Match the leaderboard button typography throughout the sidebar menu. */
.sidebar .nav-item,
.sidebar .social-title,
.sidebar .socials a,
.sidebar .pill{
  font-family:Inter,system-ui,sans-serif;
  font-weight:900;
}

@media(max-width:640px){
  .sidebar{padding:18px!important}
  .sidebar .brand,
  .sidebar .brand:hover{height:72px!important;margin:0 0 26px!important}
  .sidebar .main-nav{gap:11px!important;padding-top:24px!important;border-color:#283b4f!important}
  .sidebar .nav-item,
  .sidebar .nav-item:hover{min-height:56px!important;padding:0 16px!important;background:#162638!important;box-shadow:none!important}
  .sidebar .nav-item.active,
  .sidebar .nav-item.active:hover{background:#223449!important;box-shadow:none!important}
  .sidebar .socials a,
  .sidebar .socials a:hover{background:transparent!important;box-shadow:none!important}
}

.landing-title{
  color:#edf0f3;
  background:linear-gradient(180deg,#fff 0%,#eef0f2 55%,#cbd0d6 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* One consistent ONZKI.COM wordmark across sidebar, mobile header and footer. */
.sidebar .brand-top{
  color:#72c5ff;
  text-shadow:0 4px 0 #245b8a;
}
.sidebar .brand-bottom{
  margin-left:.16em;
  color:#f5f7fa;
  font-size:17px;
  letter-spacing:.16em;
  text-shadow:0 3px 0 #596a7d;
}
.mobile-brand{
  display:flex;
  align-items:baseline;
  gap:0;
}
.mobile-brand .mobile-wordmark{
  color:#69bdff;
  text-shadow:0 3px 0 #245b8a;
}
.mobile-brand .mobile-domain{
  color:#f5f7fa;
  text-shadow:none;
}
.site-footer .footer-brand strong span{color:#65bdff}

@media(max-width:1000px){
  .sidebar .brand-bottom{
    margin-left:.1em;
    font-size:11px;
    letter-spacing:.1em;
  }
}

@media(max-width:640px){
  .mobile-brand{font-size:21px}
  .sidebar .brand-top{font-size:27px}
  .sidebar .brand-bottom{font-size:17px;letter-spacing:.16em}
}

/* Soft, one-time entrances for sections reached while scrolling. */
.scroll-reveal{
  opacity:.38;
  translate:0 24px;
  scale:.995;
  transform-origin:center top;
  transition:
    opacity .9s cubic-bezier(.2,.7,.2,1),
    translate 1.05s cubic-bezier(.16,1,.3,1),
    scale 1.05s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--reveal-delay,0ms);
  will-change:opacity,translate,scale;
}
.scroll-reveal.is-visible{
  opacity:1;
  translate:0 0;
  scale:1;
}

@media(max-width:640px){
  .scroll-reveal{
    opacity:.46;
    translate:0 17px;
    scale:.997;
    transition-duration:.78s,.9s,.9s;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .scroll-reveal,
  .scroll-reveal.is-visible{
    opacity:1;
    translate:none;
    scale:none;
    transition:none;
  }
}

/* Keep the compact sidebar contained at tablet and narrow-desktop widths. */
@media (min-width:641px) and (max-width:1000px){
  .sidebar{padding-inline:12px}
  .sidebar .brand,
  .sidebar .brand:hover{height:64px;margin-bottom:24px}
  .sidebar .brand-top{font-size:14px;letter-spacing:0}
  .sidebar .brand-bottom{font-size:11px;letter-spacing:.08em;margin-left:.08em}
  .sidebar .main-nav{gap:10px;padding-top:20px}
  .sidebar .nav-item,
  .sidebar .nav-item:hover{min-width:0;min-height:52px;padding:0;gap:0;justify-content:center;font-size:0}
  .sidebar .nav-icon{width:24px;height:24px}
  .sidebar .pill{display:none}
  .sidebar .side-rule{margin:24px 0}
  .sidebar .social-title{display:flex;justify-content:center;padding:12px 0;font-size:0}
  .sidebar .social-title img{margin:0}
  .sidebar .socials a,
  .sidebar .socials a:hover{min-height:44px;padding:0;gap:0;justify-content:center;font-size:0}
}

/* Premium sidebar navigation — based on the supplied VIP menu reference. */
:root{--sidebar:264px}
.sidebar{
  padding:22px 20px 26px;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:none;
  background:
    radial-gradient(circle at 50% -6%,rgba(57,132,194,.16),transparent 27%),
    linear-gradient(180deg,#152536 0%,#0f1d2c 60%,#0a1623 100%);
  border-right:1px solid #2a3e53;
  box-shadow:10px 0 34px rgba(0,4,9,.28);
}
.sidebar::-webkit-scrollbar{display:none}
.sidebar .main-nav{
  flex:0 0 auto;
  gap:11px;
  padding-top:28px;
  border-top:1px solid #2b4054;
}
.sidebar .stake-nav-divider{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:34px;
  margin:5px 2px 1px;
}
.sidebar .stake-nav-divider::before,
.sidebar .stake-nav-divider::after{
  content:"";
  height:1px;
  flex:1 1 auto;
  background:linear-gradient(90deg,transparent,#38516a);
}
.sidebar .stake-nav-divider::after{background:linear-gradient(90deg,#38516a,transparent)}
.sidebar .stake-nav-divider img{
  width:68px;
  height:30px;
  display:block;
  flex:0 0 auto;
  object-fit:contain;
  filter:drop-shadow(0 5px 9px rgba(0,0,0,.3));
}
.sidebar .nav-item,
.sidebar .nav-item:hover{
  min-height:62px;
  padding:0 17px;
  gap:12px;
  border:1px solid rgba(91,124,154,.09);
  border-radius:11px;
  background:linear-gradient(145deg,#1b2c3f,#18283a);
  color:#7188a1;
  box-shadow:inset 0 1px rgba(255,255,255,.018);
  transform:none;
  filter:none;
  transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.sidebar .nav-item:hover{
  border-color:rgba(82,168,231,.22);
  background:linear-gradient(145deg,#213449,#1b2d40);
  color:#a9bbcc;
  transform:translateX(2px);
}
.sidebar .nav-item.active,
.sidebar .nav-item.active:hover{
  border:1px solid rgba(104,180,235,.16);
  background:linear-gradient(145deg,#293c52,#223449);
  color:#f3f6f9;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 24px rgba(2,8,14,.14);
  transform:none;
}
.sidebar .nav-icon,
.sidebar .socials img{
  width:25px;
  height:25px;
  filter:grayscale(1) brightness(.72) sepia(.12) hue-rotate(169deg);
  opacity:.67;
  transition:filter .2s ease,opacity .2s ease,transform .2s ease;
}
.sidebar .nav-item:hover .nav-icon{filter:grayscale(.7) brightness(.9) sepia(.25) hue-rotate(169deg);opacity:.82}
.sidebar .nav-item.active .nav-icon,
.sidebar .nav-item.active:hover .nav-icon{
  filter:brightness(0) saturate(100%) invert(60%) sepia(93%) saturate(1579%) hue-rotate(176deg) brightness(104%);
  opacity:1;
  transform:scale(1.04);
}
.sidebar .pill{
  min-width:48px;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  padding:7px 10px;
  border:1px solid rgba(145,218,255,.3);
  border-radius:8px;
  background:linear-gradient(180deg,#63bdff,#399be8);
  color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 7px 16px rgba(20,113,184,.2);
  font-size:12px;
}
.sidebar .side-rule{flex:0 0 auto;height:1px;margin:32px 0;background:#2b4054}
.sidebar .socials{
  flex:0 0 auto;
  margin:auto 0 0;
  overflow:hidden;
  border:1px solid #2c4258;
  border-radius:12px;
  background:#182738;
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 14px 32px rgba(0,5,11,.14);
}
.sidebar .social-title{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 13px 0 17px;
  border:0;
  border-radius:0;
  background:linear-gradient(145deg,#2a3d54,#24374d);
  color:#eef3f7;
  cursor:pointer;
  text-align:left;
}
.sidebar .social-title::after{
  content:"⌄";
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-left:auto;
  border:1px solid rgba(124,163,197,.12);
  border-radius:9px;
  background:#354b64;
  color:#b7c7d7;
  font-size:15px;
  line-height:1;
  transition:rotate .25s ease,background .2s ease;
}
.sidebar .social-title:hover::after{background:#3b5673}
.sidebar .social-title[aria-expanded="false"]::after{rotate:-90deg}
.sidebar .social-title:focus-visible{outline:2px solid #65bdff;outline-offset:-3px}
.sidebar .social-title img{filter:none;opacity:1}
.sidebar .socials a,
.sidebar .socials a:hover{
  min-height:50px;
  max-height:50px;
  padding:0 17px;
  gap:12px;
  overflow:hidden;
  border:0;
  background:#182738;
  color:#7188a1;
  box-shadow:none;
  transform:none;
  filter:none;
  opacity:1;
  transition:min-height .24s ease,max-height .24s ease,padding .24s ease,opacity .18s ease,color .18s ease,background .18s ease;
}
.sidebar .socials a:hover{background:#1d2e41;color:#aebdcb}
.sidebar .socials a:hover img{filter:grayscale(.65) brightness(.9) sepia(.2) hue-rotate(169deg);opacity:.85}
.sidebar .socials.is-collapsed a{
  min-height:0;
  max-height:0;
  padding-top:0;
  padding-bottom:0;
  opacity:0;
  pointer-events:none;
}

@media (min-width:641px) and (max-width:1000px){
  :root{--sidebar:88px}
  .sidebar{padding:14px 10px 18px}
  .sidebar .main-nav{gap:10px;padding-top:22px}
  .sidebar .nav-item,
  .sidebar .nav-item:hover{min-height:56px;padding:0;gap:0;justify-content:center;font-size:0;transform:none}
  .sidebar .nav-icon{width:25px;height:25px}
  .sidebar .pill{display:none}
  .sidebar .stake-nav-divider{gap:4px;margin:5px 0 1px}
  .sidebar .stake-nav-divider img{width:50px;height:25px}
  .sidebar .side-rule{margin:25px 0}
  .sidebar .social-title{min-height:52px;justify-content:center;padding:0;font-size:0}
  .sidebar .social-title::after{display:none}
  .sidebar .social-title img{margin:0}
  .sidebar .socials a,
  .sidebar .socials a:hover{min-height:46px;max-height:46px;padding:0;gap:0;justify-content:center;font-size:0}
  .sidebar .socials.is-collapsed a{min-height:0;max-height:0}
}

@media(max-width:640px){
  :root{--sidebar:0px}
  .sidebar{
    width:min(86vw,360px)!important;
    padding:20px 18px 26px!important;
    background:radial-gradient(circle at 50% -6%,rgba(57,132,194,.17),transparent 27%),linear-gradient(180deg,#152536 0%,#0f1d2c 60%,#0a1623 100%)!important;
  }
  .mobile-menu-close{top:31px;right:29px;width:38px;height:38px;border-color:#46617b;background:rgba(20,40,58,.9);color:#d1dae3;box-shadow:0 8px 18px rgba(0,0,0,.22)}
  .sidebar .main-nav{gap:11px!important;padding-top:26px!important;border-color:#2b4054!important}
  .sidebar .nav-item,
  .sidebar .nav-item:hover{min-height:58px!important;padding:0 16px!important;gap:12px!important;justify-content:flex-start!important;border:1px solid rgba(91,124,154,.09)!important;background:linear-gradient(145deg,#1b2c3f,#18283a)!important;font-size:15px!important;transform:none!important}
  .sidebar .nav-item.active,
  .sidebar .nav-item.active:hover{border-color:rgba(104,180,235,.16)!important;background:linear-gradient(145deg,#293c52,#223449)!important}
  .sidebar .pill{display:inline-flex!important}
  .sidebar .stake-nav-divider{min-height:38px;margin:5px 2px 1px;gap:11px}
  .sidebar .stake-nav-divider img{width:72px;height:32px}
  .sidebar .side-rule{margin:28px 0!important;background:#2b4054!important}
  .sidebar .socials{margin-top:auto!important;border-color:#2c4258!important;background:#182738!important}
  .sidebar .social-title{min-height:58px!important;padding:0 13px 0 17px!important;justify-content:flex-start!important;background:linear-gradient(145deg,#2a3d54,#24374d)!important;font-size:14px!important}
  .sidebar .social-title::after{display:grid}
  .sidebar .socials a,
  .sidebar .socials a:hover{min-height:49px!important;max-height:49px!important;padding:0 17px!important;gap:12px!important;justify-content:flex-start!important;background:#182738!important;font-size:13px!important}
  .sidebar .socials a:hover{background:#1d2e41!important}
  .sidebar .socials.is-collapsed a{min-height:0!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important}
}

/* Reward-card emphasis and the benefits redemption call to action. */
.reward-content li b{
  margin:0;
}

.benefits-redeem-cta{
  width:min(600px,calc(100% - 34px));
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:27px auto 3px;
  padding:14px 44px;
  border:1px solid #a6dcff;
  border-radius:12px;
  background:linear-gradient(180deg,#91d2ff 0%,#65bdf8 58%,#49a8ef 100%);
  color:#08233b;
  font-size:16px;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  clip-path:polygon(4% 0,96% 0,100% 28%,94% 100%,6% 100%,0 28%);
  filter:drop-shadow(0 7px 12px rgba(28,133,218,.2));
  transition:filter .2s ease,transform .2s ease;
}
.benefits-redeem-cta:hover{
  color:#061c30;
  filter:brightness(1.08) drop-shadow(0 9px 15px rgba(28,133,218,.3));
  transform:translateY(-2px);
}
.benefits-redeem-cta:focus-visible{
  outline:3px solid #ffd052;
  outline-offset:4px;
}

@media(max-width:700px){
  .benefits-redeem-cta{
    width:calc(100% - 12px);
    min-height:52px;
    margin-top:20px;
    padding:12px 26px;
    font-size:13px;
    clip-path:polygon(5% 0,95% 0,100% 28%,94% 100%,6% 100%,0 28%);
  }
}

/* The sidebar starts directly with navigation; branding remains in the mobile header. */
.sidebar>.main-nav{
  padding-top:0!important;
  border-top:0!important;
}
@media(max-width:640px){
  .sidebar>.main-nav{
    margin-top:62px;
  }
}

/* Static social heading and source-independent sidebar icon colors. */
.sidebar .social-title{cursor:default}
.sidebar .social-title::after{display:none!important;content:none!important}
.sidebar .socials.is-collapsed a{min-height:50px;max-height:50px;padding:0 17px;opacity:1;pointer-events:auto}
.sidebar .nav-icon,
.sidebar .socials a img,
.sidebar .social-title img{
  filter:brightness(0) saturate(100%) invert(52%) sepia(13%) saturate(857%) hue-rotate(169deg) brightness(95%) contrast(89%);
  opacity:1;
}
.sidebar .nav-item:hover .nav-icon,
.sidebar .socials a:hover img{
  filter:brightness(0) saturate(100%) invert(67%) sepia(17%) saturate(663%) hue-rotate(169deg) brightness(96%) contrast(88%);
  opacity:1;
}
.sidebar .nav-item.active .nav-icon,
.sidebar .nav-item.active:hover .nav-icon{
  filter:brightness(0) saturate(100%) invert(66%) sepia(90%) saturate(1903%) hue-rotate(174deg) brightness(104%) contrast(101%);
  opacity:1;
}
.sidebar .social-title img{
  filter:brightness(0) saturate(100%) invert(66%) sepia(90%) saturate(1903%) hue-rotate(174deg) brightness(104%) contrast(101%);
}
@media(max-width:640px){
  .sidebar .socials.is-collapsed a{min-height:49px!important;max-height:49px!important;padding:0 17px!important;opacity:1!important;pointer-events:auto!important}
}

/* Homepage leaderboard uses the live leaderboard cards over the uploaded gold scene. */
.gold-leaderboard{
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);
  gap:34px;
  padding:58px 48px;
  background-image:linear-gradient(90deg,rgba(12,9,1,.18),rgba(25,16,0,.02)),url('/assets/backgrounds/gold.png');
  background-position:center;
  background-size:cover;
}
.home-leaderboard-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;perspective:1100px}
.home-leaderboard-podium .winner-card{min-width:0;min-height:310px;position:relative;display:flex;flex-direction:column;align-items:center;padding:22px 14px 0;overflow:hidden;border:2px solid #355272;border-radius:11px;background:linear-gradient(155deg,rgba(25,43,65,.97),rgba(16,28,45,.98));text-align:center;box-shadow:0 22px 45px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-leaderboard-podium .winner-card:hover{transform:translateY(-5px);box-shadow:0 28px 55px rgba(0,0,0,.64)}
.home-leaderboard-podium .winner-card.first{min-height:345px;transform:translateY(-10px);border-color:#e7bd42;box-shadow:0 24px 50px rgba(0,0,0,.6),0 0 24px rgba(231,189,66,.16)}
.home-leaderboard-podium .winner-card.first:hover{transform:translateY(-15px)}
.home-leaderboard-podium .winner-card.second{border-color:#bdc7d3}.home-leaderboard-podium .winner-card.third{border-color:#c87932}
.home-leaderboard-podium .rank-badge{width:40px;height:40px;display:grid;place-items:center;margin-bottom:14px;border-radius:50%;background:linear-gradient(145deg,#f4f7fa,#bcc7d2 58%,#8493a3);color:#101a28;font-size:18px;font-weight:900}
.home-leaderboard-podium .first .rank-badge{background:linear-gradient(145deg,#fff08c,#f5c33e 55%,#b77b11)}.home-leaderboard-podium .third .rank-badge{background:linear-gradient(145deg,#ffc080,#ca7532 58%,#8e431d)}
.home-leaderboard-podium .onzki-avatar{width:62px;height:62px;display:block;object-fit:cover;border:1px solid #69c8ff;border-radius:14px;background:#0d2134;box-shadow:0 0 0 3px #0e1928,0 12px 24px rgba(0,0,0,.45)}
.home-leaderboard-podium .name{max-width:100%;margin:14px 0 12px;color:#f4f7fa;font-size:16px;font-weight:900;overflow-wrap:anywhere}
.home-leaderboard-podium .label{color:#71869d;font-size:9px;font-weight:800;letter-spacing:.12em}
.home-leaderboard-podium .wager{width:calc(100% + 28px);margin:6px 0 11px;padding:9px 5px;background:#203650;color:#73edbb;font-size:12px;font-weight:900}
.home-leaderboard-podium .prize{width:calc(100% + 28px);margin-top:7px;padding:11px 5px;background:linear-gradient(#e8edf2,#aab7c4);color:#111b26;font-size:20px;font-weight:900}
.home-leaderboard-podium .first .prize{background:linear-gradient(#f9d65b,#d99d1f);color:#241900}.home-leaderboard-podium .third .prize{background:linear-gradient(#e99a56,#b95d27);color:#211006}
@media(max-width:1000px){.gold-leaderboard{grid-template-columns:1fr;gap:52px}.gold-copy{text-align:center}.gold-copy p{margin-inline:auto}.home-leaderboard-podium{width:min(720px,100%);margin:auto}}
@media(max-width:700px){.gold-leaderboard{padding:44px 16px;background-position:42% center}.home-leaderboard-podium{grid-template-columns:1fr;gap:16px}.home-leaderboard-podium .winner-card,.home-leaderboard-podium .winner-card.first{min-height:290px;transform:none}.home-leaderboard-podium .winner-card.first{order:-1}.home-leaderboard-podium .winner-card:hover,.home-leaderboard-podium .winner-card.first:hover{transform:translateY(-3px)}}

/* Four-column footer with a dedicated support/resources group. */
.site-footer{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(120px,.55fr));gap:48px}
@media(max-width:1000px){.site-footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:760px){.site-footer{grid-template-columns:1fr 1fr;gap:38px 28px}.site-footer .footer-brand{grid-column:1/-1}}
@media(max-width:640px){.site-footer{grid-template-columns:1fr}.site-footer .footer-brand{grid-column:auto}}