:root{--rof-t20-bg:#07060b;--rof-t20-panel:#11101a;--rof-t20-pink:#ff2bd6;--rof-t20-violet:#8c52ff;--rof-t20-cyan:#1ddff2;--rof-t20-lime:#8dff3c;--rof-t20-muted:#9892a1;--rof-t20-line:rgba(255,255,255,.1)}
body.rof-concept-top20-page{margin:0!important;background:var(--rof-t20-bg)!important;color:#f7f4fb!important;overflow-x:hidden!important}
body.rof-concept-top20-page>header{display:none!important}
body.rof-concept-top20-page>main{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 95px!important;background:radial-gradient(circle at 84% 18%,rgba(140,82,255,.12),transparent 28%),var(--rof-t20-bg)!important}
body.rof-concept-top20-page .rof-top20-concept,body.rof-concept-top20-page .rof-top20-concept *{box-sizing:border-box}
body.rof-concept-top20-page .rof-top20-concept{position:relative;min-height:610px;background:var(--rof-t20-bg);font-family:Arial,Helvetica,sans-serif;overflow:hidden}
body.rof-concept-top20-page .rof-top20-concept a{color:inherit;text-decoration:none}
body.rof-concept-top20-page .rof-top20-concept .rof-site-header{position:absolute!important;background:linear-gradient(180deg,rgba(7,6,11,.96),rgba(7,6,11,.3))!important}
body.rof-concept-top20-page .rof-nav .rof-nav-active{color:#fff}
body.rof-concept-top20-page .rof-nav .rof-nav-active:after{right:0;background:linear-gradient(90deg,var(--rof-t20-cyan),var(--rof-t20-pink))}
body.rof-concept-top20-page .rof-menu-button.rof-open i:first-child{transform:translateY(4px) rotate(45deg)}
body.rof-concept-top20-page .rof-menu-button.rof-open i:nth-child(2){opacity:0}
body.rof-concept-top20-page .rof-menu-button.rof-open i:last-child{transform:translateY(-4px) rotate(-45deg)}
.rof-t20-hero{position:relative;min-height:610px;display:grid;grid-template-columns:55% 45%;align-items:center;padding:130px 6vw 80px;isolation:isolate}
.rof-t20-grid{position:absolute;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,#000 15%,transparent 100%)}
.rof-t20-grid:after{content:"";position:absolute;left:-10%;right:-10%;bottom:32px;height:1px;background:linear-gradient(90deg,transparent,var(--rof-t20-cyan),var(--rof-t20-pink),transparent);box-shadow:0 0 30px rgba(255,43,214,.45)}
.rof-t20-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(100px);opacity:.28;animation:rofT20Drift 8s ease-in-out infinite alternate}
.rof-t20-glow-a{width:500px;height:500px;right:2%;top:5%;background:var(--rof-t20-violet)}
.rof-t20-glow-b{width:330px;height:330px;left:20%;bottom:-35%;background:var(--rof-t20-cyan);animation-delay:-3s}
@keyframes rofT20Drift{to{transform:translate(40px,24px) scale(1.1)}}
.rof-t20-orbit{position:absolute;z-index:-1;width:560px;height:560px;right:2vw;top:65px;border:1px solid rgba(255,43,214,.18);border-radius:50%;animation:rofT20Spin 25s linear infinite}
.rof-t20-orbit:before,.rof-t20-orbit:after,.rof-t20-orbit i{content:"";position:absolute;border-radius:50%}
.rof-t20-orbit:before{width:10px;height:10px;left:75px;top:70px;background:var(--rof-t20-pink);box-shadow:0 0 22px var(--rof-t20-pink)}
.rof-t20-orbit:after{width:8px;height:8px;right:35px;bottom:140px;background:var(--rof-t20-cyan);box-shadow:0 0 22px var(--rof-t20-cyan)}
.rof-t20-orbit i:first-child{inset:55px;border:1px solid rgba(29,223,242,.14)}
.rof-t20-orbit i:nth-child(2){inset:118px;border:1px dashed rgba(255,255,255,.1)}
.rof-t20-orbit i:last-child{width:6px;height:6px;left:30px;top:50%;background:var(--rof-t20-lime);box-shadow:0 0 18px var(--rof-t20-lime)}
@keyframes rofT20Spin{to{transform:rotate(360deg)}}
.rof-t20-hero-copy{position:relative;z-index:2;max-width:720px}
.rof-t20-kicker{display:flex;align-items:center;gap:12px;color:var(--rof-t20-cyan);font-size:9px;font-weight:900;letter-spacing:2px}
.rof-t20-kicker i{width:55px;height:1px;background:linear-gradient(90deg,var(--rof-t20-cyan),transparent)}
.rof-t20-hero h1{margin:25px 0 18px!important;color:#fff!important;font-size:clamp(100px,12vw,178px)!important;line-height:.75!important;letter-spacing:-12px!important;font-weight:950!important;text-align:left!important;transform:scaleX(.9);transform-origin:left}
.rof-t20-hero h1 em{color:transparent;-webkit-text-stroke:2px var(--rof-t20-pink);font-style:normal;text-shadow:0 0 45px rgba(255,43,214,.26)}
.rof-t20-hero-copy p{max-width:480px;margin:0 0 28px;color:#aaa4b1;font-size:15px;line-height:1.65}
.rof-t20-hero-copy>a{display:inline-flex;align-items:center;gap:24px;min-height:54px;padding:0 22px;background:linear-gradient(100deg,var(--rof-t20-pink),#a54cf5);box-shadow:0 16px 42px rgba(255,43,214,.2);font-size:9px;font-weight:950;letter-spacing:1px;transition:transform .2s,box-shadow .2s}
.rof-t20-hero-copy>a:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(255,43,214,.3)}
.rof-t20-hero-copy>a b{font-size:17px;color:#fff}
.rof-t20-stage{position:relative;height:380px;display:grid;place-items:center}
.rof-t20-disc{width:280px;height:280px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 7px,rgba(255,255,255,.055) 8px 9px),radial-gradient(circle at center,#0a0810 0 14%,#2e1640 15% 35%,#110d19 36% 100%);border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 90px rgba(0,0,0,.55),0 0 70px rgba(140,82,255,.2);animation:rofT20Disc 14s linear infinite}
.rof-t20-disc:after{content:"";width:26px;height:26px;border-radius:50%;background:#08070c;border:5px solid var(--rof-t20-cyan);box-shadow:0 0 24px rgba(29,223,242,.8)}
.rof-t20-disc i{position:absolute;color:rgba(255,255,255,.09);font-size:120px;font-weight:950;font-style:normal;letter-spacing:-12px}
@keyframes rofT20Disc{to{transform:rotate(360deg)}}
.rof-t20-wave{position:absolute;left:-3%;right:-3%;bottom:22px;height:75px;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(-4deg)}
.rof-t20-wave i{width:3px;height:12px;border-radius:5px;background:linear-gradient(var(--rof-t20-cyan),var(--rof-t20-pink));box-shadow:0 0 10px rgba(29,223,242,.28);animation:rofT20Wave .7s ease-in-out infinite alternate}
.rof-t20-wave i:nth-child(3n){height:36px;animation-delay:-.35s}.rof-t20-wave i:nth-child(5n){height:62px;animation-delay:-.18s}.rof-t20-wave i:nth-child(7n){height:25px;animation-delay:-.5s}
@keyframes rofT20Wave{from{transform:scaleY(.25);opacity:.45}to{transform:scaleY(1);opacity:1}}
.rof-t20-note{position:absolute;font-size:28px;color:var(--rof-t20-pink);text-shadow:0 0 18px currentColor;animation:rofT20Float 3s ease-in-out infinite alternate}.rof-t20-note-a{left:2%;top:18%}.rof-t20-note-b{right:2%;bottom:23%;color:var(--rof-t20-cyan);animation-delay:-1.2s}
@keyframes rofT20Float{to{transform:translateY(-20px) rotate(14deg);opacity:.45}}
body.rof-concept-top20-page .t20-wrap{position:relative;z-index:3;max-width:1220px!important;margin:-38px auto 30px!important;padding:0 28px 40px!important}
body.rof-concept-top20-page .t20-head{margin:0 0 31px!important;color:#fff!important;font-size:clamp(35px,5vw,62px)!important;font-weight:950!important;letter-spacing:-3px!important;text-align:left!important}
body.rof-concept-top20-page .t20-head:after{content:"КЛАСАЦИЯ";display:block;margin-top:9px;color:var(--rof-t20-cyan);font-size:8px;letter-spacing:2px;font-weight:900}
body.rof-concept-top20-page .t20-header{grid-template-columns:92px 1fr 150px!important;gap:12px!important;margin-bottom:12px!important}
body.rof-concept-top20-page .t20-header .t20-cell{padding:13px 17px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:transparent!important;color:#777180!important;font-size:8px!important;letter-spacing:1.5px!important;backdrop-filter:none!important}
body.rof-concept-top20-page .t20-wrap>div[style]{margin:0 0 21px!important;color:#8b8592!important;font-size:10px!important;letter-spacing:.5px!important;text-align:left!important}
body.rof-concept-top20-page .t20-table{display:grid!important;gap:11px!important}
body.rof-concept-top20-page .t20-row{position:relative;grid-template-columns:92px 1fr 150px!important;gap:12px!important;margin:0!important;transition:transform .22s,filter .22s}
body.rof-concept-top20-page .t20-row:hover{transform:translateX(5px);filter:brightness(1.08)}
body.rof-concept-top20-page .t20-cell{min-height:94px;padding:12px!important;border:1px solid var(--rof-t20-line)!important;border-radius:3px!important;background:linear-gradient(125deg,rgba(23,19,33,.94),rgba(12,10,17,.96))!important;backdrop-filter:blur(16px)!important;box-shadow:none!important}
body.rof-concept-top20-page .t20-rank{justify-content:center!important;border-left:2px solid var(--rof-t20-pink)!important}
body.rof-concept-top20-page .rank-box{width:auto!important;height:auto!important;border-radius:0!important;background:transparent!important;color:#5c5664!important;font-size:31px!important;letter-spacing:-2px!important;box-shadow:none!important}
body.rof-concept-top20-page .t20-row:nth-child(-n+3) .rank-box{color:var(--rof-t20-pink)!important;text-shadow:0 0 25px rgba(255,43,214,.35)}
body.rof-concept-top20-page .t20-row:nth-child(2) .rank-box{color:var(--rof-t20-cyan)!important;text-shadow:0 0 25px rgba(29,223,242,.35)}
body.rof-concept-top20-page .t20-row:nth-child(3) .rank-box{color:var(--rof-t20-lime)!important;text-shadow:0 0 25px rgba(141,255,60,.25)}
body.rof-concept-top20-page .t20-main{gap:14px!important;color:#fff!important;overflow:hidden}
body.rof-concept-top20-page .t20-mini{flex:0 0 122px!important;width:122px!important;height:68px!important;border-radius:3px!important;border:1px solid rgba(255,255,255,.14)!important;position:relative}
body.rof-concept-top20-page .t20-mini:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;background:rgba(7,6,11,.36);color:#fff;font-size:18px;opacity:0;transition:opacity .2s}
body.rof-concept-top20-page .t20-mini:hover:after{opacity:1}
body.rof-concept-top20-page .t20-main>button{flex:0 0 39px!important;width:39px!important;height:39px!important;margin-left:0!important;border:1px solid rgba(29,223,242,.42)!important;border-radius:50%!important;background:rgba(29,223,242,.08)!important;color:var(--rof-t20-cyan)!important;box-shadow:none!important;transition:transform .2s,background .2s}
body.rof-concept-top20-page .t20-main>button:hover{transform:scale(1.08);background:rgba(29,223,242,.18)!important}
body.rof-concept-top20-page .t20-title{color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.1px}
body.rof-concept-top20-page .t20-artist{margin-top:6px;color:#898391!important;font-size:10px!important}
body.rof-concept-top20-page .t20-vote{justify-content:center!important}
body.rof-concept-top20-page .t20-vote .vote-btn{min-width:112px!important;justify-content:center!important;padding:11px 14px!important;border:1px solid rgba(141,255,60,.42)!important;border-radius:2px!important;background:rgba(141,255,60,.07)!important;color:#fff!important;box-shadow:none!important;transition:transform .2s,background .2s,border-color .2s}
body.rof-concept-top20-page .t20-vote .vote-btn:hover{transform:translateY(-2px);background:rgba(141,255,60,.15)!important;border-color:var(--rof-t20-lime)!important}
body.rof-concept-top20-page .t20-vote .vote-icon,body.rof-concept-top20-page .vote-count{color:var(--rof-t20-lime)!important}
body.rof-concept-top20-page .vote-count{margin-left:0!important;font-size:15px!important}
body.rof-concept-top20-page .t20-modal{background:rgba(4,3,7,.91)!important;backdrop-filter:blur(12px)!important}
body.rof-concept-top20-page .t20-modal-box{background:linear-gradient(145deg,#17111f,#09080d)!important;border:1px solid rgba(255,43,214,.45)!important;border-radius:6px!important;box-shadow:0 35px 100px rgba(0,0,0,.6),0 0 50px rgba(255,43,214,.12)!important}
body.rof-concept-top20-page .t20-modal-head button{border:1px solid rgba(255,43,214,.5)!important;border-radius:2px!important;background:rgba(255,43,214,.12)!important}
body.rof-concept-top20-page>footer{margin:0!important;border-top:1px solid var(--rof-t20-line)!important;background:#08070c!important;box-shadow:none!important}
body.rof-concept-top20-page>footer .wrap{max-width:1220px!important}
body.rof-concept-top20-page .social-sidebar{z-index:9997}
@media(max-width:1050px){.rof-t20-hero{grid-template-columns:1fr;min-height:690px;padding-top:135px}.rof-t20-stage{position:absolute;right:-80px;top:175px;width:500px;opacity:.45}.rof-t20-orbit{right:-150px;opacity:.55}.rof-t20-hero-copy{z-index:3}}
@media(max-width:680px){.rof-t20-hero{min-height:610px;padding:112px 18px 65px}.rof-t20-kicker{font-size:7px;letter-spacing:1.2px}.rof-t20-hero h1{font-size:88px!important;letter-spacing:-7px!important;margin-top:30px!important}.rof-t20-hero-copy p{max-width:310px;font-size:13px}.rof-t20-stage{right:-210px;top:190px;transform:scale(.72);opacity:.34}.rof-t20-orbit{width:430px;height:430px;right:-260px;top:125px}.rof-t20-hero-copy>a{min-height:50px}.rof-t20-grid{background-size:48px 48px}body.rof-concept-top20-page .t20-wrap{margin:-22px auto 20px!important;padding:0 14px 25px!important}body.rof-concept-top20-page .t20-head{font-size:43px!important;margin-bottom:22px!important}body.rof-concept-top20-page .t20-header{display:none!important}body.rof-concept-top20-page .t20-wrap>div[style]{text-align:left!important;margin-bottom:15px!important}body.rof-concept-top20-page .t20-row{display:grid!important;grid-template-columns:66px 1fr!important;gap:7px!important}body.rof-concept-top20-page .t20-row:hover{transform:none}body.rof-concept-top20-page .t20-cell{min-height:78px!important}body.rof-concept-top20-page .t20-rank{position:static!important;grid-column:1!important;grid-row:1!important;padding:0!important;border:1px solid var(--rof-t20-line)!important;border-left:2px solid var(--rof-t20-pink)!important;background:linear-gradient(125deg,rgba(23,19,33,.94),rgba(12,10,17,.96))!important;backdrop-filter:blur(16px)!important}body.rof-concept-top20-page .t20-main{grid-column:2!important;grid-row:1!important;flex-direction:row!important;align-items:center!important;padding:8px!important}body.rof-concept-top20-page .t20-mini{flex-basis:72px!important;width:72px!important;height:54px!important}body.rof-concept-top20-page .t20-main>button{display:none!important}body.rof-concept-top20-page .t20-text{min-width:0}body.rof-concept-top20-page .t20-title{font-size:12px!important}body.rof-concept-top20-page .t20-artist{font-size:9px!important}body.rof-concept-top20-page .t20-vote{grid-column:1/3!important;grid-row:2!important;min-height:52px!important;padding:7px!important}body.rof-concept-top20-page .t20-vote .vote-btn{width:100%!important;min-height:38px!important}body.rof-concept-top20-page .rank-box{font-size:24px!important}body.rof-concept-top20-page>main{padding-bottom:65px!important}}
@media(prefers-reduced-motion:reduce){.rof-top20-concept *,.rof-top20-concept *:before,.rof-top20-concept *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}