.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}}
.hide-bg-mobile{display:none}@media (min-width:900px){.hide-bg-mobile{display:block}}.hero-title-mockup{text-align:center;color:#1e293b;text-shadow:none;margin-bottom:.2em;font-size:2.1rem;font-weight:900;line-height:1.15}@media (min-width:768px){.hero-title-mockup{text-align:left;color:#fff;text-shadow:0 3px 16px #000000e6,0 1px 6px #000000b3;font-size:2.7rem}}.hero-title-mockup .hero-title-highlight{color:#6366f1}.hero-responsive-section{background:0 0;min-height:0;padding:48px 0 24px;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-overlay{content:"";background:linear-gradient(to bottom,#16162266 0%,#161622d9 70%,var(--bg-main,#f8fafc)100%);z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}:root[data-theme=light] .hero-background-overlay{background:linear-gradient(to bottom,#f8fafc80 0%,#f8fafce6 70%,var(--bg-main,#f8fafc)100%)}.hero-responsive-container{z-index:2;flex-direction:column;align-items:stretch;gap:32px;max-width:1200px;margin:0 auto;padding:48px 16px 0;display:flex;position:relative}.hero-responsive-subtitle{color:#fff;text-shadow:0 2px 12px #000c,0 1px 4px #0009;margin:0 0 .5rem;font-size:1.1rem;font-weight:500}:root[data-theme=light] .hero-responsive-subtitle{color:#1e293b;text-shadow:0 1px 3px #fffc,0 2px 8px #00000026}.hero-responsive-subtitle-mobile{display:block}.hero-responsive-subtitle-desktop{display:none}@media (min-width:1024px){.hero-responsive-subtitle-mobile{display:none}.hero-responsive-subtitle-desktop{margin-bottom:.5rem;font-size:1.25rem;font-weight:500;display:block}.hero-responsive-container{flex-direction:row;align-items:center;gap:48px}}.hero-responsive-left{text-align:center;flex-direction:column;flex:1;align-items:center;gap:18px;display:flex}@media (min-width:768px){.hero-responsive-left{text-align:left;align-items:flex-start}}.hero-responsive-title{color:#fff;text-shadow:0 3px 16px #000000e6,0 1px 6px #000000b3;margin-bottom:.5rem;font-size:2rem;font-weight:800;line-height:1.2}@media (min-width:768px){.hero-responsive-title{font-size:2.8rem}}:root[data-theme=light] .hero-responsive-title{color:#0f172a;text-shadow:0 1px 3px #ffffffe6,0 2px 8px #00000026}.hero-title-highlight{color:#6366f1}.hero-responsive-desc{color:#ffffffeb;text-shadow:0 2px 12px #000c,0 1px 4px #0009;max-width:480px;margin-bottom:.5rem;font-size:1rem}@media (min-width:768px){.hero-responsive-desc{max-width:600px;font-size:1.1rem}}:root[data-theme=light] .hero-responsive-desc{color:#0f172ad1;text-shadow:0 1px 3px #fffc,0 2px 8px #0000001f}.hero-stats-grid{justify-content:center;gap:8px;width:100%;max-width:420px;margin:18px 0 0;display:flex}@media (min-width:768px){.hero-stats-grid{grid-template-columns:repeat(3,1fr);justify-content:flex-start;gap:14px;display:grid}}.hero-stats-grid-mockup{margin-bottom:1.2em}.hero-stat-card{background:var(--card-bg);border:1.5px solid var(--border-subtle);text-align:center;box-shadow:0 4px 16px var(--card-shadow),0 1.5px 0 var(--border-subtle);border-radius:1.3em;flex-direction:column;justify-content:center;align-items:center;min-width:80px;min-height:60px;padding:12px 6px 8px;transition:box-shadow .18s,border-color .18s,transform .18s;display:flex}.hero-stat-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 32px var(--card-shadow),0 1.5px 0 var(--accent-primary);transform:translateY(-2px)scale(1.03)}@media (max-width:767px){.hero-stat-card:hover{border-color:var(--border-subtle);box-shadow:0 4px 16px var(--card-shadow),0 1.5px 0 var(--border-subtle);transform:none}}@media (min-width:768px){.hero-stat-card-mockup{border-radius:1.4em;min-width:110px;min-height:70px;padding:16px 8px 10px}}.hero-stat-card-mockup{border-radius:1.1em;min-width:70px;min-height:54px;padding:10px 2px 6px}@media (min-width:768px){.hero-stat-card-mockup{border-radius:1.2em;min-width:110px;min-height:70px;padding:16px 8px 10px}}.hero-stat-value{color:var(--accent-primary,#6366f1);margin-bottom:2px;font-size:1.1rem;font-weight:700}.hero-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);font-size:.65rem;font-weight:600}.hero-stat-value-mockup{margin-bottom:2px;font-size:1.15rem;font-weight:700}.hero-stat-label-mockup{letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700}@media (min-width:768px){.hero-stat-value-mockup{font-size:1.3rem}.hero-stat-label-mockup{font-size:.7rem}}.hero-stat-card-month{border:1.5px solid #6366f1}.hero-stat-value-month,.hero-stat-label-month{color:#6366f1}.hero-add-server-btn-wrapper{justify-content:center;width:100%;margin-top:18px;display:flex}@media (max-width:767px){.hero-add-server-btn-wrapper{display:none}}@media (min-width:768px){.hero-add-server-btn-wrapper{justify-content:flex-start;display:flex}}.hero-add-webhook-btn{color:#fff;background:#6366f1;border-radius:.8em;align-items:center;gap:8px;padding:10px 22px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #6366f114}.hero-add-webhook-btn:hover{background:#4f46e5;box-shadow:0 4px 16px #6366f129}.hero-add-server-btn{color:#fff;background:#6366f1;border-radius:.8em;align-items:center;gap:8px;padding:10px 22px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #6366f114}.hero-add-server-btn:hover{background:#4f46e5;box-shadow:0 4px 16px #6366f129}.hero-responsive-right{flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto;display:flex}.hero-top-server-card{background:var(--card-bg,#fff);background:var(--card-bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-subtle,#e2e8f0);border-radius:2em;transition:box-shadow .2s,border-color .2s;position:relative}.hero-top-server-card:hover{border-color:#6366f1;box-shadow:0 8px 32px #6366f129}.hero-top-server-badge :root[data-theme=dark] .hero-stat-card{background:var(--card-bg-dark,#1e293b);border-color:var(--border-subtle-dark,#334155);box-shadow:0 4px 16px #6366f121,0 1.5px #334155}.hero-top-server-badge :root[data-theme=dark] .hero-stat-card:hover{border-color:var(--accent-primary,#6366f1);box-shadow:0 8px 32px #6366f12e,0 1.5px 0 var(--accent-primary,#6366f1)}.hero-top-server-badge :root[data-theme=dark] .hero-stat-value{color:var(--accent-primary-dark,#818cf8)}.hero-top-server-badge :root[data-theme=dark] .hero-stat-label{color:var(--text-muted-dark,#94a3b8)}.hero-top-server-badge{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#f59e42;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 2px 8px #f59e422e}.hero-top-server-link{color:inherit;flex-direction:column;text-decoration:none;display:flex}.hero-top-server-banner-container{aspect-ratio:16/9;background:#e0e7ef;width:100%;overflow:hidden}.hero-top-server-banner-container img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.hero-top-server-link:hover .hero-top-server-banner-container img{transform:scale(1.06)}.hero-top-server-info{flex-direction:column;gap:8px;padding:22px 24px 18px;display:flex}.hero-top-server-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hero-top-server-name{color:var(--text-main,#1e293b);margin:0;font-size:1.2rem;font-weight:700}.hero-top-server-ip{color:#6366f1;background:#f1f5f9;border-radius:8px;padding:3px 10px;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.hero-top-server-description{color:var(--text-muted,#64748b);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.98rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hero-top-server-stats{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.hero-top-server-votes{color:#6366f1;align-items:center;gap:5px;font-size:1rem;font-weight:700;display:flex}.hero-top-server-votes i{color:#f87171;font-size:1rem}.hero-top-server-details{color:#6366f1;cursor:pointer;font-size:.98rem;font-weight:600;text-decoration:underline}@media (max-width:768px){.hero-responsive-section{padding:24px 0 10px}.hero-responsive-title{font-size:1.3rem}.hero-responsive-desc{font-size:.98rem}.hero-stats-grid{gap:6px;max-width:100%}.hero-top-server-card{border-radius:1.2em}.hero-top-server-info{padding:16px 12px 14px}}
:root[data-theme=dark] .hero-top-server-card{background:var(--card-bg-dark,#181f2a);box-shadow:0 4px 24px #00000059}:root[data-theme=dark] .hero-top-server-badge{background:var(--accent-dark,#3b82f6);color:#fff}:root[data-theme=dark] .hero-top-server-banner-container{background:#232b39}:root[data-theme=dark] .hero-top-server-description{color:var(--text-dark,#e5e7eb)}:root[data-theme=dark] .hero-top-server-ip{color:var(--text-subtle-dark,#a0aec0)}:root[data-theme=dark] .hero-top-server-details{color:var(--accent-dark,#60a5fa)}.hero-top-server-card{background:var(--card-bg,#fff);box-shadow:0 4px 24px 0 var(--card-shadow,#1e293b1a);border-radius:20px;flex-direction:column;align-items:stretch;max-width:420px;margin:0 auto;padding:0;display:flex;overflow:hidden}.hero-top-server-badge{background:var(--accent);color:#fff;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 12px;font-size:1rem;font-weight:700;display:flex}.hero-top-server-link{color:inherit;flex-direction:column;gap:12px;text-decoration:none;display:flex}.hero-top-server-banner-container{aspect-ratio:5/3;background:#eee;width:100%;display:block;overflow:hidden}.hero-top-server-banner-container img{object-fit:cover;width:100%;height:100%;display:block}.hero-top-server-info{flex-direction:column;gap:8px;padding:18px 20px 16px;display:flex}.hero-top-server-header{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.hero-top-server-name{flex:1}.hero-top-server-ip{color:var(--text-subtle);font-size:.95rem}.hero-top-server-description{color:var(--text);margin-bottom:4px;font-size:.98rem}.hero-top-server-stats{align-items:center;gap:16px;font-size:.95rem;display:flex}.hero-top-server-votes{color:var(--accent2);align-items:center;gap:4px;font-weight:700;display:flex}.hero-top-server-details{color:var(--accent);cursor:pointer;text-decoration:underline}