.servers-hub{padding-top:var(--header-height)}.servers-hub-hero{background:radial-gradient(circle at 20% 0%, #f59e0b26, transparent 50%),radial-gradient(circle at 80% 100%, #22c55e1a, transparent 50%),var(--bg-base);border-bottom:1px solid var(--border-default);padding:3rem 0 2rem}.hub-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:99px;margin-bottom:.75rem;padding:.15rem .5rem;font-size:.7rem;display:inline-block}.servers-hub-hero h1{font-family:var(--font-display);font-size:var(--text-5xl);margin:0 0 .5rem;line-height:1.05}.hub-subtitle{max-width:64ch;color:var(--text-secondary);margin:0 0 1rem;font-size:1.05rem;line-height:1.55}.hub-meta{font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;gap:1.25rem;display:flex}.hub-meta-item{align-items:center;gap:.35rem;display:inline-flex}.servers-hub-content{flex-direction:column;gap:2.5rem;padding-block:2.5rem;display:flex}.server-section-head{margin-bottom:1rem}.server-section-head h2{font-family:var(--font-display);font-size:var(--text-3xl);margin:0 0 .25rem}.server-section-head p{color:var(--text-secondary);max-width:60ch;margin:0}.server-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.server-card{border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--bg-card);color:inherit;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;gap:.75rem;padding:1rem 1.1rem;text-decoration:none;display:flex}.server-card:hover{border-color:var(--brand-primary);box-shadow:0 0 0 1px #f59e0b33,var(--shadow-lg);transform:translateY(-1px)}.server-card-head{align-items:center;gap:.65rem;display:flex}.server-card-icon{border-radius:var(--radius-xl);background:var(--bg-elevated);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.server-card-icon.online{color:var(--success);border-color:#22c55e66}.server-card-title{flex-direction:column;flex:1;min-width:0;display:flex}.server-card-name{font-weight:var(--font-weight-bold);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-card-version{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.server-card-status{font-size:.7rem;font-weight:var(--font-weight-semibold);border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:99px;align-items:center;gap:.3rem;padding:.15rem .5rem;display:inline-flex}.server-card-status.online{color:var(--success);border-color:#22c55e59}.server-card-status.offline{color:var(--text-muted)}.server-card-status .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.server-card-status.online .dot{box-shadow:0 0 6px}.server-card-motd{font-size:var(--text-sm);color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-style:italic;display:-webkit-box;overflow:hidden}.server-card-foot{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.server-card-stat{align-items:center;gap:.3rem;display:inline-flex}.server-card-cta{color:var(--brand-primary);font-weight:var(--font-weight-semibold);align-items:center;gap:.25rem;display:inline-flex}.servers-empty{text-align:center;color:var(--text-muted);padding:2rem}.servers-extra{border-top:1px solid var(--border-default);padding-top:2rem}.servers-extra h2{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 .75rem}.servers-extra ul{color:var(--text-secondary);margin:0 0 1rem 1.25rem;line-height:1.6}.servers-extra p{color:var(--text-secondary);max-width:70ch;line-height:1.7}.servers-extra a{color:var(--brand-primary);text-decoration:underline}@media (max-width:600px){.servers-hub-hero h1{font-size:var(--text-4xl)}.server-grid{grid-template-columns:1fr}}