/* Join CTA section */
.join-cta{position:relative; padding:72px 16px 86px; background:linear-gradient(180deg,#101417 0%,#0d1114 100%); overflow:hidden}
.join-cta::before{content:""; position:absolute; inset:0; background:radial-gradient(1200px 500px at 70% -10%, rgba(26,183,170,.25), transparent 60%), radial-gradient(1000px 400px at 10% 110%, rgba(82,115,255,.12), transparent 50%); pointer-events:none}
.join-cta .wrap{max-width:1100px; margin:0 auto; position:relative; z-index:1}

.join-cta .big-quote{color:#f2f6f9; font-weight:800; letter-spacing:.2px; line-height:1.15; text-align:center;
  font-size: clamp(28px, 4.6vw, 52px); margin:0 0 30px}
.join-cta .accent{display:block; width:96px; height:6px; border-radius:4px; background:#20d1c2; margin:18px auto 10px}

.join-cta .sub{color:#aab6c2; text-align:center; font-size:clamp(14px,1.6vw,16px); margin-bottom:28px}

.join-card{backdrop-filter:saturate(135%) blur(8px); background:rgba(15,18,22,.82); border:1px solid rgba(255,255,255,.06);
  box-shadow:0 18px 50px rgba(0,0,0,.45); border-radius:18px; padding:28px 22px; color:#e9f1f6}
.join-card h3{margin:0 0 18px; font-weight:800; font-size:clamp(18px,2.2vw,22px); color:#e9f1f6}

.join-form{display:grid; grid-template-columns: repeat(2, 1fr); gap:18px}
@media (max-width: 720px){ .join-form{grid-template-columns: 1fr} }

.form-field{display:flex; flex-direction:column; gap:8px}
.form-field label{font-size:13px; color:#a0adbb}
.form-field input, .form-field textarea{
  background:transparent; border:none; border-bottom:2px solid #2a323a;
  padding:12px 0 10px; color:#f3f7fb; outline:none; font-size:15px
}
.form-field input::placeholder, .form-field textarea::placeholder{color:#6e7b89}
.form-field input:focus, .form-field textarea:focus{border-bottom-color:#1fd0c1}

textarea{min-height:96px; resize:vertical}

.join-actions{display:flex; justify-content:flex-end; margin-top:18px}
.btn-join{
  appearance:none; border:none; cursor:pointer; font-weight:800; letter-spacing:.3px;
  padding:12px 20px; border-radius:12px;
  background:#ffd33d; color:#0b0f12; box-shadow:0 10px 24px rgba(255,211,61,.25);
  transition:transform .12s ease, box-shadow .2s ease, filter .2s ease
}
.btn-join:hover{transform:translateY(-1px); box-shadow:0 16px 36px rgba(255,211,61,.30); filter:saturate(110%)}
.btn-join:active{transform:translateY(0)}

.join-cta .grid{display:grid; grid-template-columns:1.2fr .95fr; gap:28px; align-items:start}
@media (max-width: 960px){ .join-cta .grid{grid-template-columns:1fr; gap:22px} }

/* Nice subtle corners under card */
.join-card::after{content:""; position:absolute; inset:auto 18px -12px 18px; height:24px; filter:blur(14px);
  background:linear-gradient(180deg, rgba(0,0,0,.45), transparent); border-radius:28px; pointer-events:none}
.join-card{position:relative}


/* v2: quote width control + full-width accent under quote + title */
.quote-wrap{max-width:clamp(40ch, 72vw, 64ch); margin:0 auto; text-align:center}
.join-cta .big-quote{margin:0}
.join-cta .accent{width:100%; height:8px; margin:18px auto 26px; border-radius:6px}
.section-title{color:#f2f6f9; text-align:center; font-weight:800; letter-spacing:.2px;
  font-size:clamp(18px,2.6vw,28px); margin:0 0 22px}