.ranking-hero{box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:470px;padding:clamp(34px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:32px;border:1px solid rgba(157,130,255,.18);border-radius:28px;background:radial-gradient(circle at 72% 45%,rgba(107,74,238,.16),transparent 33%),linear-gradient(125deg,rgba(19,13,44,.96),rgba(5,10,24,.96) 62%,rgba(4,15,28,.96));box-shadow:0 30px 80px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.055)}
.ranking-hero__grid{position:absolute;inset:0;z-index:-2;opacity:.25;background-image:linear-gradient(rgba(163,140,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(163,140,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 90%)}.ranking-hero__glow{position:absolute;z-index:-1;width:330px;height:330px;border-radius:50%;filter:blur(90px);opacity:.17}.ranking-hero__glow--violet{top:-180px;left:-100px;background:#8e67ff}.ranking-hero__glow--cyan{right:-140px;bottom:-190px;background:#12d7c4}
.ranking-hero__copy{position:relative;z-index:3}.ranking-hero__eyebrow{display:inline-flex;align-items:center;gap:9px;color:#b39eff;font:800 10px var(--font-tech);letter-spacing:.18em;text-transform:uppercase}.ranking-hero__eyebrow i{width:7px;height:7px;border-radius:50%;background:#9d7cff;box-shadow:0 0 14px #9d7cff}.ranking-hero h1{margin:13px 0 20px;color:#f8f7ff;font-family:var(--font-display)!important;font-size:clamp(44px,5.4vw,82px);line-height:.88;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 20px 50px rgba(0,0,0,.35)}.ranking-hero h1 span{display:block;color:#ad92ff;text-shadow:0 0 34px rgba(153,119,255,.25)}.ranking-hero__copy>p{max-width:660px;margin:0;color:rgba(226,231,247,.68);font-size:clamp(14px,1.2vw,17px);line-height:1.75}.ranking-hero__copy>p strong{color:#fff;font-weight:800}
.ranking-hero__countdown{width:fit-content;margin-top:27px;padding:14px 17px 13px;border-radius:18px;background:linear-gradient(135deg,rgba(151,126,255,.12),rgba(255,255,255,.025));border:1px solid rgba(177,151,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 38px rgba(0,0,0,.18)}.ranking-hero__countdown-label{display:block;margin-bottom:9px;color:rgba(222,226,244,.45);font:800 8px var(--font-tech);letter-spacing:.15em;text-transform:uppercase}.ranking-hero__countdown-grid{display:flex;align-items:flex-start;gap:12px}.ranking-hero__countdown-grid>div{min-width:74px;display:grid;gap:4px;text-align:center}.ranking-hero__countdown-grid strong{color:#f8f7ff;font-family:var(--font-display)!important;font-size:clamp(28px,2.8vw,42px);line-height:.82;letter-spacing:-.04em;text-shadow:0 0 24px rgba(154,119,255,.2)}.ranking-hero__countdown-grid span{color:#a990ff;font:800 8px var(--font-tech);letter-spacing:.14em;text-transform:uppercase}.ranking-hero__countdown-grid i{padding-top:2px;color:rgba(174,147,255,.35);font:900 27px/1 var(--font-display);font-style:normal}.ranking-hero__countdown.is-finished strong{color:rgba(245,246,255,.45)}
.ranking-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:30px}.ranking-hero__button{min-height:48px;padding:0 21px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#7254e9,#9b74ff);box-shadow:0 15px 32px rgba(113,78,229,.24),inset 0 1px 0 rgba(255,255,255,.18);font:800 11px var(--font-tech);letter-spacing:.07em;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.ranking-hero__button:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(113,78,229,.32),inset 0 1px 0 rgba(255,255,255,.2)}.ranking-hero__button svg{width:19px;fill:currentColor}.ranking-hero__deadline{min-height:48px;padding:0 17px;display:grid;align-content:center;gap:3px;border-radius:14px;background:rgba(255,255,255,.038);border:1px solid rgba(255,255,255,.075)}.ranking-hero__deadline span{color:rgba(218,225,244,.44);font:700 8px var(--font-tech);letter-spacing:.11em;text-transform:uppercase}.ranking-hero__deadline strong{color:#f1e9ff;font:800 16px var(--font-heading)}
.ranking-hero__visual{position:relative;min-height:350px;display:grid;place-items:center}.ranking-hero__visual::before{content:"";position:absolute;width:78%;height:42%;border-radius:50%;background:radial-gradient(ellipse,rgba(149,103,255,.21),transparent 67%);filter:blur(19px);transform:rotate(-12deg)}.ranking-hero__prize{position:absolute;z-index:4;top:6%;right:5%;padding:8px 12px;border-radius:999px;color:rgba(234,229,255,.74);background:rgba(8,10,26,.62);border:1px solid rgba(174,145,255,.17);font:700 8px var(--font-tech);letter-spacing:.13em;text-transform:uppercase}.ranking-hero__orbit{position:absolute;border-radius:50%;border:1px solid rgba(164,132,255,.14);transform:rotate(-14deg)}.ranking-hero__orbit--one{width:88%;height:54%}.ranking-hero__orbit--two{width:69%;height:39%;border-style:dashed;animation:rankingHeroOrbit 13s linear infinite}
.ranking-hero__knife-wrap{position:relative;z-index:2;width:min(118%,650px);animation:rankingKnifeFloat 4.8s ease-in-out infinite}.ranking-hero__knife{width:100%;height:auto;filter:drop-shadow(0 38px 30px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(105,119,255,.17));transform:rotate(-5deg);transform-origin:center;animation:rankingKnifeWiggle 5.6s ease-in-out infinite}.ranking-hero__name{position:absolute;z-index:4;right:4%;bottom:4%;display:grid;text-align:right;text-transform:uppercase}.ranking-hero__name span{color:rgba(228,232,246,.48);font:700 9px var(--font-tech);letter-spacing:.15em}.ranking-hero__name strong{margin-top:3px;color:#fff;font:900 22px var(--font-display)}
.ranking-page>.ranking{margin-top:var(--section-spacing)}
@keyframes rankingKnifeFloat{0%,100%{transform:translate3d(0,-6px,0)}50%{transform:translate3d(0,14px,0)}}@keyframes rankingKnifeWiggle{0%,100%{transform:rotate(-5deg)}35%{transform:rotate(-2deg)}70%{transform:rotate(-7deg)}}@keyframes rankingHeroOrbit{to{transform:rotate(346deg)}}
@media(max-width:980px){.ranking-hero{grid-template-columns:1fr;padding-bottom:28px}.ranking-hero__visual{min-height:300px}.ranking-hero__knife-wrap{width:min(95%,620px)}}
@media(max-width:600px){.ranking-hero{min-height:0;padding:28px 18px;border-radius:20px;gap:16px}.ranking-hero h1{font-size:clamp(42px,16vw,66px)}.ranking-hero__countdown{box-sizing:border-box;width:100%;padding:13px 9px}.ranking-hero__countdown-grid{justify-content:center;gap:5px}.ranking-hero__countdown-grid>div{min-width:66px}.ranking-hero__countdown-grid strong{font-size:31px}.ranking-hero__countdown-grid i{font-size:23px}.ranking-hero__actions{align-items:stretch;flex-direction:column}.ranking-hero__button{justify-content:center}.ranking-hero__deadline{text-align:center}.ranking-hero__visual{min-height:230px}.ranking-hero__knife-wrap{width:112%}.ranking-hero__prize{top:0;right:0}.ranking-hero__name{right:0;bottom:0}.ranking-hero__name strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ranking-hero__knife-wrap,.ranking-hero__knife,.ranking-hero__orbit--two{animation:none!important}}