.tops-page{color:#fff;max-width:1200px;margin:0 auto;padding:32px 16px}.tops-page h1{text-transform:uppercase;padding:10px;font-size:40px}.top-section{margin-bottom:48px}.top-section h2{align-items:center;gap:8px;margin-bottom:16px;font-size:22px;display:flex}.icon{font-size:24px}.top-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.top-card h3{margin-top:8px;font-size:16px}.top-card p{opacity:.8;margin-top:6px;font-size:14px}@media (max-width:600px){.tops-page h1{font-size:24px}.top-section h2{font-size:18px}}.top-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 15px 35px #000000b3}.rank{color:#fdfdfd;z-index:2;border-radius:50%;font-size:25px;font-weight:700;position:absolute;top:20px;left:20px}.top-image{width:100%;height:270px;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#111 30%,#0000 100%);mask-image:radial-gradient(circle,#111 30%,#0000 100%)}.top-image img{border-radius:4px;width:100%;height:320px;transition:transform .35s}.top-card:hover .top-image img{transform:scale(1.08)}.top-info{flex-direction:column;padding:0 7px;display:flex}.top-info h3{text-transform:capitalize;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.2}.top-info p{opacity:.8;font-size:12px;display:block}@media (max-width:600px){.top-image{height:auto}.top-info h3{font-size:14px}.top-info p{font-size:12px}}@media (max-width:768px){.top-grid{grid-template-columns:repeat(2,1fr)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.top-month{border-radius:18px;height:380px;margin-bottom:48px;position:relative;overflow:hidden}.top-month-bg img{object-fit:cover;filter:brightness(.4);width:100%;height:100%}.top-month-info{color:#fff;z-index:2;position:absolute;bottom:24px;left:24px}.badge.gold{color:#000;background:linear-gradient(45deg,gold,orange);border-radius:8px;margin-bottom:12px;padding:6px 12px;font-weight:700;display:inline-block}.top-card{cursor:pointer;border-radius:12px;padding:7px;transition:transform .2s,box-shadow .2s;animation:.4s forwards popUp;position:relative}