/* Join Category */
.hero-join{padding:96px 20px 46px}
.hero-join h1{font-size:44px;font-weight:900;letter-spacing:-.02em;margin:10px 0 10px}
.hero-join .sub{color:var(--ink-muted);font-size:18px;margin:0 0 10px}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.controls{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px}
.controls input{flex:1 1 260px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:var(--ink)}
.grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)}
.card h3{margin:0 0 6px}
.card p{margin:0;color:var(--ink-muted)}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:12px;margin-left:6px}