/**
 * Careers page — improved application interest form
 */

.careers-apply {
  padding-top: 72px;
  padding-bottom: 88px;
}

.careers-apply-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 36px;
  align-items: start;
}

.careers-copy h2 {
  margin-top: 10px;
}

.careers-copy > p {
  margin-top: 14px;
  color: var(--muted);
  max-width: 38ch;
  font-size: 1.02rem;
}

.careers-highlights {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.careers-highlights li {
  position: relative;
  padding: 12px 14px 12px 42px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: var(--ink);
  font-weight: 600;
  font-size: 0.95rem;
}

.careers-highlights li::before {
  content: "✓";
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 8px;
  background: #eaf7e6;
  color: #3f8f2d;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
}

.careers-direct {
  margin-top: 22px;
  padding: 18px;
  border-radius: 16px;
  background: linear-gradient(135deg, #071d38, #0d3a66);
  color: #d7e8f7;
  display: grid;
  gap: 8px;
}

.careers-direct strong {
  color: #fff;
  font-size: 0.95rem;
}

.careers-direct a {
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

.careers-form-panel {
  padding: 28px;
  border-radius: 22px;
  border: 1px solid #d7e4ef;
  background: #fff;
  box-shadow: 0 18px 48px rgba(7, 29, 56, 0.08);
}

.careers-form-head {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

.careers-form-head h3 {
  margin: 0 0 8px;
  font-size: 1.35rem;
}

.careers-form-panel .form-grid {
  gap: 16px;
}

.careers-form-panel select,
.careers-form-panel input,
.careers-form-panel textarea {
  min-height: 48px;
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 0.95rem;
}

.careers-form-panel textarea {
  min-height: 120px;
}

.careers-actions .btn {
  min-height: 50px;
  width: 100%;
  justify-content: center;
  font-size: 1rem;
}

.careers-legal {
  margin-top: 12px;
}

.page-hero .btn {
  margin-top: 18px;
}

@media (max-width: 980px) {
  .careers-apply-grid {
    grid-template-columns: 1fr;
  }

  .careers-copy > p {
    max-width: none;
  }
}

@media (max-width: 640px) {
  .careers-form-panel {
    padding: 20px 16px;
  }

  .careers-form-panel .form-grid {
    grid-template-columns: 1fr;
  }
}