.server-page .server-hero{min-height:240px;display:flex;align-items:flex-end;padding:30px;background:linear-gradient(0deg,#081321fa,#08132130),var(--server-art) center/cover;border:1px solid #396285;border-radius:16px;margin-bottom:24px}
.server-hero h1{font-size:2.2rem;margin:6px 0 12px}.server-hero p{max-width:620px;line-height:1.65;color:#d6e6f5}.eyebrow{color:#8ed8ff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.detail-panel{background:#111e30e6;border:1px solid #36495f;border-radius:16px;padding:24px}.detail-panel h2{margin:0 0 12px;font-size:1.2rem}.detail-panel p,.detail-panel li{color:#c5d3e3;line-height:1.7;font-size:.95rem}.detail-panel ul{padding-left:22px}.detail-panel.wide{grid-column:1/-1}.details-nav{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.details-nav a{color:#85d2ff;text-decoration:none;padding:10px 14px;border:1px solid #36495f;border-radius:10px;background:#111e30}
.server-page #servers{display:block}.server-page #servers .server{margin:0}.server-page .metrics{grid-template-columns:1fr}.join-panel button{margin:8px 0}.join-panel button:disabled{opacity:.6;cursor:default}.join-panel p{font-size:.875rem;color:#aebfd1;line-height:1.6}.server-page .brand h1{font-size:1.25rem}.server-page .brand p{font-size:.8rem;color:#aebfd1}
@media(max-width:600px){.detail-grid{grid-template-columns:1fr}.server-page .server-hero{padding:22px;min-height:200px}.server-hero h1{font-size:1.75rem}.detail-panel{padding:20px}}