.join{
  position:relative;max-width:900px;margin:0 auto;
  padding:clamp(7rem,15vh,11rem) clamp(1.4rem,5vw,4rem) clamp(4rem,10vh,7rem);
  padding-left:clamp(2.5rem,7vw,4.5rem);
}
.join__head{max-width:720px;margin-bottom:clamp(2.5rem,7vh,4.5rem)}
.join__eyebrow{margin-bottom:1.5rem}
.join__title{
  font-size:clamp(2.2rem,6.2vw,4.6rem);
  font-weight:700;line-height:1;letter-spacing:-.01em;
  text-transform:uppercase;color:#fff;margin-bottom:1.5rem;
  text-shadow:
    0 0 2px #fff, 0 0 10px rgba(255,255,255,.85),
    0 0 26px var(--neon), 0 0 60px rgba(255,43,214,.55);
}
.join__title em{
  display:block;font-style:normal;font-weight:300;
  color:#eaf6ff;margin-top:.15em;
  text-shadow:
    0 0 2px #fff, 0 0 12px rgba(255,255,255,.8),
    0 0 32px var(--neon-2), 0 0 72px rgba(0,229,255,.55);
}
.join__intro{
  font-size:clamp(.9rem,1.2vw,1.02rem);
  line-height:1.85;color:rgba(244,244,246,.9);max-width:62ch;
}
.form{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.1rem,2.4vw,1.6rem)}
.field{display:flex;flex-direction:column;gap:.55rem;min-width:0}
.field__label{
  font-size:.66rem;font-weight:500;
  letter-spacing:.28em;text-transform:uppercase;
  color:rgba(244,244,246,.85);
}
.field__input{
  width:100%;padding:.85rem 1rem;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;font-size:.92rem;font-weight:300;
  letter-spacing:.02em;outline:none;
  transition:border-color .35s var(--ease), background .35s var(--ease), box-shadow .35s var(--ease);
}
.field__input::placeholder{color:rgba(124,124,136,.75);letter-spacing:.06em}
.field__input:hover{border-color:rgba(255,43,214,.4)}
.field__input:focus{
  border-color:var(--neon);
  background:rgba(255,43,214,.06);
  box-shadow:0 0 16px rgba(255,43,214,.35), inset 0 0 12px rgba(255,43,214,.06);
  animation:neonFlickerText 6s infinite;
}
.field__input[type="number"]::-webkit-outer-spin-button,
.field__input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.field__input[type="number"]{-moz-appearance:textfield;appearance:textfield}

.uploads{grid-column:1 / -1;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}
.uploads__legend{
  font-size:.66rem;font-weight:500;
  letter-spacing:.28em;text-transform:uppercase;
  color:rgba(244,244,246,.85);
}
.uploads__grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(.75rem,1.6vw,1.1rem);
}
.upload{
  position:relative;display:flex;flex-direction:column;gap:.5rem;
  padding:1.05rem 1.1rem 1.15rem;
  border:1px dashed rgba(255,255,255,.25);
  background:rgba(255,255,255,.03);cursor:pointer;
  transition:border-color .35s var(--ease), background .35s var(--ease), box-shadow .35s var(--ease);
}
.upload:hover{border-color:rgba(255,43,214,.55);background:rgba(255,43,214,.05);box-shadow:0 0 18px rgba(255,43,214,.18)}
.upload:focus-within{border-color:var(--neon);box-shadow:0 0 20px rgba(255,43,214,.35), inset 0 0 14px rgba(255,43,214,.08)}
.upload__title{
  font-size:.72rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:#fff;
  text-shadow:0 0 10px rgba(255,43,214,.35);
}
.upload__row{display:flex;align-items:center;gap:.6rem;min-width:0}
.upload__icon{
  flex-shrink:0;width:22px;height:22px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;font-size:.72rem;line-height:1;
  color:rgba(244,244,246,.75);
  transition:border-color .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease), background .3s var(--ease);
}
.upload__status{
  font-size:.7rem;letter-spacing:.06em;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
  transition:color .3s var(--ease), text-shadow .3s var(--ease);
}
.upload.has-file{
  border-style:solid;border-color:var(--neon);
  background:rgba(255,43,214,.06);
  box-shadow:0 0 22px rgba(255,43,214,.35), inset 0 0 16px rgba(255,43,214,.1);
}
.upload.has-file .upload__icon{border-color:var(--neon);color:var(--neon);background:rgba(255,43,214,.1);box-shadow:0 0 12px rgba(255,43,214,.55)}
.upload.has-file .upload__status{color:var(--neon-2);text-shadow:0 0 10px rgba(0,229,255,.55)}
.upload.has-error{border-style:solid;border-color:#ff3b5c;background:rgba(255,59,92,.06);box-shadow:0 0 18px rgba(255,59,92,.35)}
.upload.has-error .upload__icon{border-color:#ff3b5c;color:#ff3b5c;box-shadow:0 0 10px rgba(255,59,92,.6)}
.upload.has-error .upload__status{color:#ff7d92;text-shadow:0 0 10px rgba(255,59,92,.5)}

.form__footer{
  grid-column:1 / -1;
  display:flex;flex-direction:column;gap:1.25rem;
  margin-top:1.5rem;align-items:center;text-align:center;
}
.form__submit{width:100%;max-width:22rem;justify-content:center}
.form__submit[disabled]{opacity:.6;cursor:wait;animation-duration:1.6s}
.form__status{
  min-height:1.4em;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);transition:color .35s var(--ease);
}
.form__status.is-success{color:var(--neon-2);text-shadow:0 0 14px rgba(0,229,255,.7)}
.form__status.is-error{color:#ff7d92;text-shadow:0 0 14px rgba(255,59,92,.6)}