/* Join Us page: extends contact-neo.css's shared .contact-* form patterns
   (same submit-joinus.php backend, same field ids/names, same
   #feedback-form id the inline JS depends on — only the visual layer and
   the copy column's content changed). */

.joinus-page .hero-art { background-image: url('../images/hero/index2-quantum.webp'); background-position: center 55%; background-size: cover; }

.joinus-grid { grid-template-columns: 0.7fr 1.3fr; }
.joinus-info-col { display: flex; flex-direction: column; gap: 20px; }

.joinus-why-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.joinus-why-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 13.5px; line-height: 1.55; color: #b7cbd9; }
.joinus-why-list i { flex-shrink: 0; width: 30px; height: 30px; border-radius: 8px; background: #00c8ff1a; color: #00c8ff; display: flex; align-items: center; justify-content: center; font-size: 13px; margin-top: 1px; }

.joinus-file-input { padding: 10px 14px; cursor: pointer; }
.joinus-file-input::file-selector-button {
  padding: 8px 14px; margin-right: 12px; border: 1px solid #155474; border-radius: 6px;
  background: #04111b; color: #fff; font: inherit; font-size: 12.5px; cursor: pointer;
}
.joinus-file-input::file-selector-button:hover { border-color: #00c8ff; }

@media (max-width: 1100px) {
  .joinus-grid { grid-template-columns: 1fr; }
}