.sidebar-filters{flex-direction:column;gap:20px;display:flex}.sidebar-filters-title{color:var(--text-main);margin:0 0 16px;font-size:20px;font-weight:700}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.filter-input,.filter-select{border:2px solid var(--border-subtle);width:100%;color:var(--text-main);background:var(--inputBg);border-radius:8px;padding:10px 12px;font-size:14px;transition:all .3s}.filter-input:focus,.filter-select:focus{border-color:var(--accent-primary);background:var(--bg-elevated-soft);outline:none;box-shadow:0 0 0 3px #3b82f61a}.filter-input::placeholder{color:var(--text-soft)}.filter-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M4.427 6.427l3.396 3.396a.25.25 0 00.354 0l3.396-3.396A.25.25 0 0011.396 6H4.604a.25.25 0 00-.177.427z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.filter-select option{background:var(--bg-elevated);color:var(--text-main)}.filter-btn{color:#fff;background:var(--accent-primary);cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.filter-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.filter-btn:active{transform:translateY(0)}.filter-reset{border:2px solid var(--border-subtle);width:100%;color:var(--text-muted);background:var(--bg-elevated);cursor:pointer;border-radius:8px;padding:10px;font-size:13px;font-weight:600;transition:all .3s}.filter-reset:hover{border-color:var(--accent-primary);background:var(--bg-elevated-soft)}@media (max-width:1024px){.sidebar-filters{background:var(--bg-elevated);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);border-radius:12px;padding:16px}}
.new-sidebar{background:var(--bg-elevated-soft,#161622b3);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle,#ffffff1a);border-radius:var(--border-radius);max-height:calc(100vh - 120px);padding:24px;position:-webkit-sticky;position:sticky;top:100px;overflow-y:auto}.new-sidebar::-webkit-scrollbar{width:6px}.new-sidebar::-webkit-scrollbar-track{background:var(--bg-elevated-soft);border-radius:3px}.new-sidebar::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.new-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media (max-width:1024px){.new-sidebar{display:none}}
.ranking-hero{flex-direction:column;gap:32px;min-height:500px;padding:120px 0 40px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;pointer-events:none;background-image:url(/background.webp);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.hero-background:before{content:"";background:linear-gradient(to bottom,#16162266 0%,#161622d9 70%,var(--bg-main)100%);z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}:root[data-theme=light] .hero-background:before{background:linear-gradient(to bottom,#f8fafc80 0%,#f8fafce6 70%,var(--bg-main)100%)}.hero-content{z-index:1;max-width:var(--container-max-width);grid-template-columns:1fr 400px;align-items:center;gap:40px;width:100%;margin:0 auto;padding:0 60px;display:grid;position:relative}.hero-left{flex-direction:column;gap:16px;display:flex}.hero-right{flex-direction:column;display:flex}.top-server-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft),0 8px 32px #0000001f;padding:0;transition:all .3s;position:relative;overflow:hidden}.top-server-card:before{content:"";background:linear-gradient(90deg,gold 0%,orange 50%,gold 100%) 0 0/200% 100%;height:4px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}.top-server-card:hover{box-shadow:var(--shadow-soft),0 12px 48px #0000002e,0 0 0 1px #ffd70033;transform:translateY(-4px)}.top-server-badge{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,gold 0%,orange 100%);border-radius:0;align-items:center;gap:8px;margin:0;padding:12px 20px;font-size:13px;font-weight:700;display:inline-flex;position:relative;box-shadow:0 4px 16px #ffd70066,inset 0 1px #ffffff4d}.top-server-badge:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0%,#fff3 50%,#0000 100%);position:absolute;top:0;bottom:0;left:0;right:0}.top-server-badge i{font-size:14px}.top-server-link{color:var(--text-main);flex-direction:column;gap:0;text-decoration:none;transition:all .3s;display:flex}.top-server-thumbnail{aspect-ratio:16/9;border:none;border-radius:0;width:100%;position:relative;overflow:hidden}.top-server-thumbnail:after{content:"";opacity:0;background:linear-gradient(#0000 50%,#0009 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.top-server-link:hover .top-server-thumbnail:after{opacity:1}.top-server-thumbnail img{object-fit:cover;width:100%;height:100%}.top-server-info{flex-direction:column;flex:1;gap:12px;padding:20px 24px 24px;display:flex}.top-server-name{color:var(--text-main);margin:0;font-size:22px;font-weight:700;line-height:1.3}.top-server-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.top-server-stats{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.top-server-votes{color:var(--accent-primary);background:linear-gradient(135deg,#ffd7001a 0%,#ffa5001a 100%);border:1px solid #ffd70033;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.top-server-votes i{font-size:14px}.top-server-ip{color:var(--text-soft);background:var(--bg-elevated-soft);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 12px;font-family:Courier New,monospace;font-size:13px}.ranking-hero .stats{z-index:1;max-width:var(--container-max-width);width:100%;margin:0 auto;padding:0 20px;position:relative}.ranking-hero>div:first-child{flex-direction:column;gap:16px;display:flex}.ranking-hero-subtitle{color:#fffffff2;text-shadow:0 2px 12px #000c,0 1px 4px #0009;margin:0;font-size:16px;font-weight:400}:root[data-theme=light] .ranking-hero-subtitle{color:#0f172ad9;text-shadow:0 1px 3px #fffc,0 2px 8px #00000026}.ranking-hero-subtitle strong{color:#fff;text-shadow:0 2px 16px #000000e6,0 1px 4px #000000b3;font-weight:700}:root[data-theme=light] .ranking-hero-subtitle strong{color:#0f172a;text-shadow:0 1px 4px #ffffffe6,0 2px 10px #0003}.ranking-hero-title{color:#fff;text-shadow:0 3px 16px #000000e6,0 1px 6px #000000b3;margin:0;font-size:56px;font-weight:900;line-height:1.2}:root[data-theme=light] .ranking-hero-title{color:#0f172a;text-shadow:0 1px 3px #ffffffe6,0 2px 8px #00000026}.ranking-hero-p{color:#ffffffeb;text-shadow:0 2px 12px #000c,0 1px 4px #0009;max-width:900px;margin:0;font-size:15px;line-height:1.8}:root[data-theme=light] .ranking-hero-p{color:#0f172ad1;text-shadow:0 1px 3px #fffc,0 2px 8px #0000001f}.stats{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.stats-content{background:var(--bg-elevated-soft);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:16px;padding:16px 24px;display:flex}.stats-content span{color:var(--text-muted);font-size:14px}.stats-content strong{color:var(--accent-primary);font-size:20px;font-weight:700}.stats-content svg{fill:var(--text-soft)}@media (max-width:768px){.ranking-hero{gap:24px;padding:40px 0 30px}.hero-content{grid-template-columns:1fr;gap:32px}.hero-right{order:-1}.ranking-hero-title{font-size:36px}.ranking-hero-subtitle,.ranking-hero-p{font-size:14px}.stats{flex-direction:column;align-items:stretch}.stats-content{justify-content:center}.top-server-card{padding:0}.top-server-info{padding:16px 20px 20px}.top-server-name{font-size:18px}.top-server-stats{justify-content:center}}