.section-divider{
  max-width:var(--container);
  margin-inline:auto;
}

.join-layout{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:40px;
  align-items:start;
}

.join-apply-card{
  padding:50px;
  position:relative;
  overflow:hidden;
}
.join-apply-card::before{
  content:"";
  position:absolute; inset:0;
  background:var(--gradient-brand);
  opacity:.08;
  z-index:0;
}
.join-apply-card > *{ position:relative; z-index:1; }

.join-badge{
  display:inline-block;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--cyan);
  margin-bottom:14px;
}
.join-apply-card h2{ font-size:27px; margin-bottom:16px; }
.join-apply-card p{ font-size:15px; margin-bottom:30px; max-width:480px; }
.join-note{ font-size:12.5px; margin-top:16px; opacity:.75; }

.join-why{
  background:rgba(255,255,255,.02);
  border:1px solid var(--glass-border);
  border-radius:var(--radius-lg);
  padding:40px;
}
.join-why h3{ font-size:20px; margin-bottom:22px; }
.join-why-list{ display:flex; flex-direction:column; gap:18px; }
.join-why-list li{ display:flex; align-items:flex-start; gap:12px; font-size:14.5px; }
.join-why-list span{ font-size:19px; flex-shrink:0; }

@media (max-width:860px){
  .join-layout{ grid-template-columns:1fr; }
  .join-apply-card{ padding:36px 26px; }
}

.contact-layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:44px;
  align-items:start;
}

.contact-info h3{ font-size:20px; margin-bottom:26px; }

.contact-line{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 0;
  border-bottom:1px solid var(--glass-border);
  transition:padding-inline-start .25s ease, color .25s ease;
}
.contact-line:hover{ color:var(--cyan); padding-inline-start:6px; }
.contact-icon{ font-size:20px; flex-shrink:0; }
.contact-line strong{ display:block; font-size:14.5px; color:var(--heading); font-family:var(--font-ar-body); }
.contact-line em{ font-style:normal; font-size:13px; color:var(--body-text); }

.contact-form{ padding:40px; }
.contact-form h3{ font-size:20px; margin-bottom:26px; }

.form-row{ margin-bottom:20px; display:flex; flex-direction:column; gap:8px; }
.form-row label{ font-size:13.5px; color:var(--body-text); }
.form-row input, .form-row textarea{
  background:rgba(255,255,255,.04);
  border:1px solid var(--glass-border);
  border-radius:var(--radius-sm);
  padding:12px 14px;
  font-size:14.5px;
  color:var(--heading);
  resize:vertical;
}
.form-row input:focus, .form-row textarea:focus{ outline:none; border-color:var(--cyan); }
.form-row input::placeholder, .form-row textarea::placeholder{ color:#7488B5; }

.form-status{ margin-top:16px; font-size:14px; text-align:center; min-height:20px; }
.form-status.success{ color:var(--green); }
.form-status.error{ color:#FF6B7A; }

@media (max-width:900px){
  .contact-layout{ grid-template-columns:1fr; }
  .contact-form{ padding:30px 24px; }
}