.contact-page{padding:48px 0 64px}
.contact-head{max-width:760px;margin:0 auto 36px}
.contact-title{font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:800;color:#173f67;line-height:1.3;margin:0}

.contact-grid{align-items:stretch}

.contact-visual{
  position:relative;min-height:460px;height:100%;border-radius:22px;overflow:hidden;
  background-color:#0f3f6b;
  background-image:linear-gradient(135deg,#1e4e7a,#0a2f56);
  box-shadow:0 18px 44px rgba(16,24,40,.10);
}
.contact-visual__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.contact-info{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
.contact-row{
  display:flex;align-items:center;gap:14px;padding:14px 16px;
  background:#fff;border:1px solid #eef0f4;border-radius:14px;
  text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
a.contact-row:hover{border-color:#cfe0f0;transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.07)}
.contact-row__icon{
  flex:0 0 46px;width:46px;height:46px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(23,63,103,.10);color:#173f67;font-size:20px;
}
.contact-row__icon--wa{background:rgba(37,211,102,.14);color:#1fae53}
.contact-row__text{display:flex;flex-direction:column;min-width:0}
.contact-row__label{font-size:.78rem;font-weight:700;color:#9aa4b2;text-transform:uppercase;letter-spacing:.3px}
.contact-row__value{font-size:1rem;font-weight:700;color:#1f2937;word-break:break-word}

.contact-form-card{background:#fff;border:1px solid #eef0f4;border-radius:20px;padding:26px;box-shadow:0 12px 30px rgba(16,24,40,.05)}
.contact-field{margin-bottom:18px}
.contact-label{display:block;font-size:.9rem;font-weight:700;color:#1f2937;margin-bottom:8px}
.contact-input{
  width:100%;padding:.85rem 1rem;font-size:1rem;color:#1f2937;
  background:#f9fafb;border:1px solid #e4e7ec;border-radius:12px;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.contact-input::placeholder{color:#9aa4b2}
.contact-input:focus{outline:none;background:#fff;border-color:#173f67;box-shadow:0 0 0 3px rgba(23,63,103,.12)}
.contact-textarea{resize:vertical;min-height:130px;line-height:1.7}
.contact-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:.9rem 1.4rem;font-size:1rem;font-weight:700;
  color:#fff;background:#173f67;border:0;border-radius:12px;cursor:pointer;
  transition:background .2s ease,transform .15s ease;
}
.contact-btn:hover{background:#0f2c49;transform:translateY(-1px)}

@media (max-width:991.98px){
  .contact-visual{min-height:260px}
  .contact-form-card{padding:20px}
  .contact-page{padding:32px 0 44px}
}