.ranks-page{width:min(1320px,calc(100% - 28px));margin:0 auto;padding:108px 0 48px}.rank-current-hero{position:relative;min-height:390px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;gap:28px;overflow:hidden;padding:38px 44px;border:1px solid color-mix(in srgb,var(--hero-primary) 28%,rgba(255,255,255,.08));border-radius:28px;background:radial-gradient(circle at 80% 45%,color-mix(in srgb,var(--hero-primary) 20%,transparent),transparent 29%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--hero-secondary) 14%,transparent),transparent 35%),linear-gradient(145deg,rgba(28,31,42,.97),rgba(11,13,19,.97));box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 36px color-mix(in srgb,var(--hero-glow) 45%,transparent)}.rank-current-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 82%);pointer-events:none}.rank-hero-copy,.rank-hero-avatar{position:relative;z-index:2}.rank-hero-eyebrow,.rank-guest-hero>span,.rank-catalog-head>div>span{display:inline-flex;align-items:center;gap:7px;color:var(--hero-primary,var(--orange-primary));font-size:.7rem;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.rank-hero-copy h1{margin-top:10px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}.rank-hero-copy h1 span{color:var(--hero-primary);text-shadow:0 0 22px var(--hero-glow)}.rank-hero-copy>p{max-width:680px;margin-top:12px;color:#b4bac7;line-height:1.65}.rank-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.rank-hero-stats>div{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035)}.rank-hero-stats small{display:block;color:var(--text-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.7px}.rank-hero-stats strong{display:block;margin-top:5px;font-size:.9rem}.rank-next-progress{max-width:620px;padding:15px;border:1px solid color-mix(in srgb,var(--hero-primary) 22%,transparent);border-radius:14px;background:rgba(0,0,0,.18)}.rank-next-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;font-weight:750}.rank-next-progress>small{display:block;margin-top:7px;color:var(--text-muted);font-size:.66rem}.rank-hero-track{height:9px;display:block;overflow:hidden;margin-top:9px;border-radius:99px;background:rgba(255,255,255,.07)}.rank-hero-track i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--hero-secondary),var(--hero-primary));box-shadow:0 0 12px var(--hero-glow)}.rank-hero-avatar{min-height:300px;display:grid;place-items:center}.rank-hero-avatar .avatar-decoration-rank-hero{--ad-size:220px}.rank-hero-orbit{position:absolute;width:290px;height:290px;border:1px dashed color-mix(in srgb,var(--hero-primary) 32%,transparent);border-radius:50%;animation:rank-page-orbit 20s linear infinite}.rank-hero-orbit::before,.rank-hero-orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--hero-primary);box-shadow:0 0 10px var(--hero-primary)}.rank-hero-orbit::before{left:15%;top:10%}.rank-hero-orbit::after{right:8%;bottom:19%}.rank-hero-name{position:absolute;bottom:8px;padding:6px 13px;border:1px solid color-mix(in srgb,var(--hero-primary) 36%,transparent);border-radius:99px;background:rgba(7,9,14,.76);color:var(--hero-primary);font-size:.72rem;font-weight:850;letter-spacing:1px;text-transform:uppercase}.rank-guest-hero{text-align:center;padding:54px 24px;border:1px solid var(--glass-border);border-radius:26px;background:radial-gradient(circle at 50% 0%,rgba(255,107,53,.15),transparent 46%),var(--glass-bg)}.rank-guest-hero h1{margin:12px 0;font-size:clamp(2rem,5vw,3.4rem)}.rank-guest-hero p{margin:0 auto 20px;max-width:620px;color:var(--text-muted)}.rank-catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:38px 4px 18px}.rank-catalog-head h2{margin:5px 0;font-size:clamp(1.5rem,3vw,2.2rem)}.rank-catalog-head p{color:var(--text-muted)}.rank-catalog-legend{display:flex;gap:14px;color:var(--text-muted);font-size:.72rem}.rank-catalog-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.legend-dot.unlocked{background:var(--green);box-shadow:0 0 7px var(--green)}.rank-progression-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rank-tier-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--tier-primary) 17%,transparent),transparent 36%),linear-gradient(160deg,rgba(29,32,43,.96),rgba(12,14,20,.97));box-shadow:0 18px 40px rgba(0,0,0,.32);transition:transform .28s,border-color .28s,box-shadow .28s}.rank-tier-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--tier-primary) 45%,transparent);box-shadow:0 26px 54px rgba(0,0,0,.42),0 0 28px var(--tier-glow)}.rank-tier-card.is-current{border-color:color-mix(in srgb,var(--tier-primary) 70%,transparent);box-shadow:0 22px 48px rgba(0,0,0,.38),0 0 34px var(--tier-glow)}.rank-tier-card.is-locked{filter:saturate(.55)}.rank-tier-number{position:absolute;top:16px;left:17px;z-index:8;color:rgba(255,255,255,.42);font-size:.62rem;font-weight:850;letter-spacing:1px}.rank-current-ribbon,.rank-tier-lock{position:absolute;top:12px;right:12px;z-index:8}.rank-current-ribbon{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;background:linear-gradient(135deg,var(--tier-primary),var(--tier-secondary));color:#fff;font-size:.6rem;font-weight:850;text-transform:uppercase}.rank-tier-lock{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--glass-border);border-radius:10px;background:rgba(6,8,12,.7);color:var(--gold)}.rank-tier-visual{position:relative;height:230px;display:grid;place-items:center}.rank-tier-visual .avatar-decoration-rank-tier{--ad-size:158px}.rank-tier-backdrop{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tier-primary) 21%,transparent),transparent 67%);filter:blur(9px)}.rank-tier-platform{position:absolute;bottom:21px;width:130px;height:18px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tier-primary) 56%,transparent),transparent 68%);filter:blur(5px)}.rank-tier-info{padding:0 18px 18px}.rank-tier-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.rank-tier-heading small{color:var(--tier-primary);font-size:.58rem;font-weight:850;letter-spacing:1px;text-transform:uppercase}.rank-tier-heading h3{margin-top:3px;font-size:1.25rem;text-transform:uppercase}.rank-tier-status{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(255,85,105,.1);color:var(--red)}.rank-tier-status.open{background:rgba(80,235,155,.1);color:var(--green)}.rank-tier-info>p{min-height:42px;margin:9px 0;color:#aeb4c1;font-size:.73rem;line-height:1.45}.rank-tier-requirement{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--glass-border);border-radius:11px;background:rgba(255,255,255,.03)}.rank-tier-requirement span{color:var(--text-muted);font-size:.65rem}.rank-tier-requirement strong{font-size:.76rem}.rank-tier-progress{margin-top:11px}.rank-tier-progress>div{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.62rem}.rank-tier-progress>span{display:block;height:7px;margin-top:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.rank-tier-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--tier-secondary),var(--tier-primary));box-shadow:0 0 8px var(--tier-glow)}.rank-how-it-works{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:22px;padding:20px;border:1px solid var(--glass-border);border-radius:18px;background:var(--glass-bg)}.rank-how-it-works>div{display:flex;align-items:center;gap:10px}.rank-how-it-works>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,107,53,.1);color:var(--orange-primary)}.rank-how-it-works span{display:grid}.rank-how-it-works small{color:var(--text-muted);margin-top:3px}.rank-how-it-works>i{color:var(--text-muted)}@keyframes rank-page-orbit{to{transform:rotate(360deg)}}
@media(max-width:1050px){.rank-current-hero{grid-template-columns:1fr 300px;padding:30px}.rank-progression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-hero-avatar .avatar-decoration-rank-hero{--ad-size:190px}}
@media(max-width:760px){.ranks-page{width:calc(100% - 20px);padding-top:92px}.rank-current-hero{grid-template-columns:1fr;padding:23px 18px}.rank-hero-copy{text-align:center}.rank-hero-copy>p,.rank-next-progress{margin-left:auto;margin-right:auto}.rank-hero-avatar{min-height:250px}.rank-hero-avatar .avatar-decoration-rank-hero{--ad-size:175px}.rank-hero-orbit{width:230px;height:230px}.rank-hero-stats{grid-template-columns:1fr 1fr}.rank-hero-stats>div:last-child{grid-column:1/-1}.rank-catalog-head{align-items:flex-start;flex-direction:column}.rank-progression-grid{gap:12px}.rank-tier-visual{height:198px}.rank-tier-visual .avatar-decoration-rank-tier{--ad-size:132px}.rank-how-it-works{grid-template-columns:1fr}.rank-how-it-works>i{transform:rotate(90deg);justify-self:center}}
@media(max-width:520px){.rank-progression-grid{grid-template-columns:1fr}.rank-tier-card{max-width:390px;width:100%;margin:auto}.rank-tier-visual{height:226px}.rank-tier-visual .avatar-decoration-rank-tier{--ad-size:158px}.rank-hero-stats{grid-template-columns:1fr}.rank-hero-stats>div:last-child{grid-column:auto}.rank-catalog-legend{width:100%;justify-content:space-between}.rank-how-it-works{padding:15px}.rank-tier-info>p{min-height:0}}
@media(prefers-reduced-motion:reduce){.rank-hero-orbit{animation:none}.rank-tier-card:hover{transform:none}}