.join-setup {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(240px, .8fr) minmax(420px, 1.2fr);
  gap: 28px;
  align-items: end;
  padding: 22px 24px;
  border: 1px solid rgba(36, 207, 189, .28);
  border-radius: 20px;
  background: rgba(6, 27, 40, .94);
}
.join-setup h2 { margin: 5px 0 8px; }
.join-setup p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.join-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; }
.join-form label { display: grid; gap: 6px; color: #dcecf0; font-size: 12px; font-weight: 750; }
.join-form input,.join-form select { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #041520; color: var(--text); font: inherit; }
.join-form input:focus,.join-form select:focus { outline: 3px solid rgba(245, 197, 107, .75); outline-offset: 2px; }
.join-form button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 10px; background: linear-gradient(135deg, var(--teal), #63e0d2); color: #03201e; font-weight: 900; cursor: pointer; }
@media (max-width: 980px) { .join-setup,.join-form { grid-template-columns: 1fr; } }