*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090813;color:#f6f2ff;font-family:Arial,sans-serif;overflow-x:hidden}.top-glow{position:fixed;inset:-30vh -20vw auto 15vw;height:85vh;background:radial-gradient(circle at center,#8b3dff 0,#49129f55 35%,transparent 68%);filter:blur(30px);pointer-events:none}a{color:inherit}nav{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:24px 5vw;border-bottom:1px solid #ffffff24;font-size:11px;letter-spacing:.12em}nav a{text-decoration:none}nav span{color:#bdff00}main{position:relative;z-index:1}header{min-height:88vh;padding:8vh 6vw 7vh;display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 28px;color:#bdff00;font-size:11px;font-weight:800;letter-spacing:.22em}h1{margin:0;font-size:clamp(68px,12vw,185px);line-height:.77;letter-spacing:-.075em;text-transform:uppercase}h1 em{display:inline-block;color:transparent;-webkit-text-stroke:1px #f6f2ff;font-family:Georgia,serif;font-weight:400;text-transform:none;transform:translateX(9vw)}.hero-copy{display:grid;grid-template-columns:minmax(240px,1fr) repeat(2,minmax(130px,.35fr));gap:36px;align-items:end;max-width:1000px;margin:75px 0 35px auto}.hero-copy>p{margin:0;max-width:440px;font:20px/1.5 Georgia,serif}.hero-copy div{padding-top:16px;border-top:1px solid #ffffff38}.hero-copy b,.hero-copy span{display:block}.hero-copy b{color:#bdff00;font-size:34px}.hero-copy span{margin-top:6px;font-size:10px;line-height:1.45;opacity:.66}.scroll-cue{align-self:flex-start;padding:14px 0;text-decoration:none;font-size:10px;letter-spacing:.16em;border-bottom:1px solid #bdff00}#ranking{padding:4vh 5vw 14vh}.ranking-intro{display:grid;grid-template-columns:12vw 1fr;padding:18px 0;border-top:1px solid #fff;border-bottom:1px solid #ffffff30;font-size:9px;letter-spacing:.2em;opacity:.65}.rank-card{position:relative;display:grid;grid-template-columns:12vw minmax(250px,420px) 1fr;gap:4vw;align-items:center;padding:52px 0;border-bottom:1px solid #ffffff24}.rank-number{align-self:start;position:sticky;top:20px}.rank-number span{display:block;font-size:clamp(48px,7vw,100px);font-weight:800;line-height:.8;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #ffffff66}.rank-number b{display:inline-block;margin-top:14px;padding:6px 9px;background:#bdff00;color:#111;font-size:9px;letter-spacing:.15em}.rank-media{position:relative}.rank-card video{width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:18px 18px 0 0;background:#020204;box-shadow:0 40px 90px #0008}.rank-card.rank-1 .rank-media:before{content:"ГЛЯДАЧІ ОБРАЛИ";position:absolute;z-index:2;top:16px;left:-18px;padding:9px 12px;background:#bdff00;color:#111;font-size:9px;font-weight:900;letter-spacing:.12em;transform:rotate(-3deg)}.rank-copy p{margin:0 0 12px;color:#bdff00;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.rank-copy h2{max-width:550px;margin:0 0 30px;font:clamp(42px,6vw,92px)/.94 Georgia,serif;letter-spacing:-.055em}.rank-copy a{display:inline-block;padding-bottom:8px;text-decoration:none;border-bottom:1px solid #ffffff88;font-size:11px;letter-spacing:.1em}.top-loading{display:grid;place-items:center;min-height:45vh}.top-loading span{width:56px;height:56px;border:2px solid #ffffff30;border-top-color:#bdff00;border-radius:50%;animation:spin 1s linear infinite}.top-loading p{font-size:11px;letter-spacing:.12em;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}footer{display:flex;justify-content:space-between;padding:28px 5vw;border-top:1px solid #ffffff24;font-size:10px;letter-spacing:.15em}.rank-card .video-rating{margin-bottom:0}
@media(max-width:760px){nav{padding:20px}nav span{font-size:8px}header{min-height:82vh;padding:8vh 20px 6vh}h1{font-size:clamp(62px,22vw,106px)}h1 em{transform:none}.hero-copy{grid-template-columns:1fr 1fr;margin:55px 0 28px;gap:22px}.hero-copy>p{grid-column:1/-1;font-size:17px}.ranking-intro{grid-template-columns:1fr 2fr}#ranking{padding:3vh 20px 10vh}.rank-card{grid-template-columns:64px 1fr;gap:14px 16px;padding:36px 0}.rank-number{grid-column:1;grid-row:1}.rank-media{grid-column:2;grid-row:1}.rank-copy{grid-column:2;grid-row:2}.rank-copy h2{font-size:42px}.rank-copy a{font-size:10px}.rank-card .video-rating{grid-column:2}.rank-number span{font-size:48px}footer{padding:24px 20px}}
nav button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;font-size:16px}.ranking-return{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);border:1px solid #ffffff88;border-radius:50px;background:#1936ed;color:#fff;padding:18px 28px;font:700 16px Arial,sans-serif;cursor:pointer;box-shadow:0 8px 35px #0007}.ranking-return:focus-visible{outline:3px solid #bdff00;outline-offset:4px}footer{padding-bottom:115px}@media(max-width:760px){.ranking-return{bottom:115px;padding:14px 24px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.top-loading span{animation:none}}