.clubs-page main{padding-top:0}.cl-main{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 clamp(20px,3vw,48px) 80px}.cl-hero{padding:60px 0 28px;text-align:center;display:grid;gap:14px;justify-items:center}.cl-title{font-family:'Space Grotesk','Inter',system-ui,sans-serif;font-size:clamp(2.2rem,5vw+.5rem,4rem);font-weight:700;letter-spacing:-.02em;margin:0}.cl-subtitle{color:var(--text-mute);font-size:1.05rem;max-width:64ch;margin:0;line-height:1.6}.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:28px 0 0}.cl-card{display:flex;flex-direction:column;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:transform .15s ease,border-color .15s ease,background .15s ease}.cl-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.05);border-color:rgba(76,201,240,.30)}.cl-banner{height:110px;background:rgba(0,0,0,.25);overflow:hidden}.cl-banner img{width:100%;height:100%;object-fit:cover;display:block}.cl-body{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px;flex:1}.cl-head{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px;min-width:0}.cl-banner+.cl-body .cl-avatar{margin-top:-44px}.cl-avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;background:var(--bg,#0a0e14);border:2px solid rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.35)}.cl-avatar-fb{display:grid;place-items:center;font-family:'Space Grotesk','Inter',system-ui,sans-serif;font-size:1.5rem;font-weight:700;color:var(--accent-blue,#4cc9f0)}.cl-id{display:flex;align-items:center;gap:10px;min-width:0}.cl-name{font-family:'Space Grotesk','Inter',system-ui,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cl-rank{flex:none;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:.8rem;font-weight:700;color:var(--accent-blue,#4cc9f0);background:rgba(76,201,240,.12);border:1px solid rgba(76,201,240,.25);border-radius:999px;padding:3px 9px}.cl-desc{margin:0;color:var(--text-mute);font-size:.9rem;line-height:1.55}.cl-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:4px}.cl-link{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--text-fg,#e8ecf3);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:border-color .12s ease,background .12s ease}.cl-link:hover{background:rgba(255,255,255,.07);border-color:rgba(76,201,240,.35)}.cl-link .fa-discord{color:#5865f2}.cl-link .fa-globe{color:var(--accent-blue,#4cc9f0)}.cl-empty{text-align:center;color:var(--text-mute);font-size:1.05rem;padding:48px 0 0;margin:0}@media(max-width:600px){.cl-main{padding:0 16px 60px}.cl-hero{padding:40px 0 20px}.cl-grid{grid-template-columns:1fr}}