.hr-contact-v1 {
  color:#f5f7fa;
}

.hr-contact-section {
  padding:65px 24px 95px;
}

.hr-contact-grid {
  max-width:1240px;
  margin:auto;
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:48px;
  align-items:start;
}

.hr-contact-label {
  display:block;
  color:#ff9d00;
  font-size:12px;
  font-weight:800;
  letter-spacing:2px;
  margin-bottom:18px;
}

.hr-contact-info h2,
.hr-contact-form-card h2 {
  font-size:clamp(28px,3vw,42px);
  line-height:1.15;
  margin:0 0 20px;
  color:#fff;
}

.hr-contact-intro,
.hr-contact-form-card > p {
  color:#aeb8c5;
  font-size:16px;
  line-height:1.8;
  margin-bottom:30px;
}

.hr-contact-info-card {
  background:#0c1118;
  border:1px solid rgba(255,157,0,.18);
  border-radius:16px;
  padding:24px;
  margin-bottom:18px;
}

.hr-contact-info-card > span {
  display:block;
  color:#ff9d00;
  font-size:11px;
  letter-spacing:1.7px;
  font-weight:800;
  margin-bottom:14px;
}

.hr-contact-info-card > a {
  color:#fff;
  font-size:clamp(15px,2vw,20px);
  overflow-wrap:anywhere;
  text-decoration:none;
}

.hr-contact-info-card > a:hover {
  color:#ff9d00;
}

.hr-contact-tags {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.hr-contact-tags span {
  padding:9px 12px;
  border-radius:8px;
  background:#151c25;
  border:1px solid #27303c;
  font-size:12px;
  color:#d6dde6;
}

.hr-contact-support {
  margin-top:30px;
  padding:26px;
  border-left:3px solid #ff9d00;
  background:#0b1016;
}

.hr-contact-support h3 {
  color:#fff;
  margin:0 0 12px;
}

.hr-contact-support p {
  color:#aeb8c5;
  line-height:1.7;
}

.hr-contact-support a {
  color:#ff9d00;
  font-weight:700;
  text-decoration:none;
}

.hr-contact-form-card {
  background:#0b1017;
  border:1px solid rgba(255,157,0,.22);
  border-radius:20px;
  padding:36px;
}

.hr-contact-form-card label {
  display:block;
  color:#dbe2ec;
  font-size:13px;
  font-weight:700;
  margin-bottom:20px;
}

.hr-contact-form-card label b {
  color:#ff9d00;
}

.hr-contact-form-card label small {
  color:#8994a3;
  font-weight:400;
}

.hr-contact-form-card input,
.hr-contact-form-card select,
.hr-contact-form-card textarea {
  display:block;
  width:100%;
  box-sizing:border-box;
  margin-top:10px;
  padding:14px 15px;
  border:1px solid #2b3542;
  border-radius:9px;
  background:#101720;
  color:#fff;
  font:inherit;
  font-size:14px;
  outline:none;
}

.hr-contact-form-card input:focus,
.hr-contact-form-card select:focus,
.hr-contact-form-card textarea:focus {
  border-color:#ff9d00;
}

.hr-contact-form-card textarea {
  resize:vertical;
  min-height:150px;
}

.hr-contact-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.hr-contact-form-card button {
  width:100%;
  border:0;
  border-radius:10px;
  padding:17px 24px;
  background:#ff9d00;
  color:#101010;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}

.hr-contact-form-card button:hover {
  background:#ffb13c;
}

.hr-contact-form-card button:disabled {
  opacity:.6;
  cursor:wait;
}

.hr-contact-status {
  min-height:20px;
  margin-top:15px;
  font-size:13px;
}

.hr-contact-status.success {color:#65d6a1}
.hr-contact-status.error {color:#ff8585}

.hr-contact-note {
  font-size:12px;
  color:#8591a0;
  line-height:1.6;
}

.hr-contact-trap {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

@media(max-width:850px) {
  .hr-contact-grid {
    grid-template-columns:1fr;
    gap:30px;
  }

  .hr-contact-section {
    padding:35px 12px 60px;
  }
}

@media(max-width:550px) {
  .hr-contact-row {
    grid-template-columns:1fr;
    gap:0;
  }

  .hr-contact-form-card {
    padding:24px 18px;
  }
}