.contact-title{
  background:linear-gradient(90deg,#fff 0%,#fff8fb 100%);
  border-bottom:1px solid #f0edf1;
  padding:58px 0 38px;
}
.contact-breadcrumb{
  color:var(--pink);font-size:12px;font-weight:800;margin-bottom:23px;
}
.contact-title h1{
  font-family:Manrope,Inter,sans-serif;font-size:43px;line-height:1.12;
  letter-spacing:-1.35px;margin:0;color:var(--text);
}
.contact-content{padding:70px 0 76px}
.contact-grid{
  display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);
  gap:24px;align-items:stretch;
}
.contact-info{
  background:#172137;color:#fff;border-radius:14px;padding:38px 31px;
}
.contact-info h2,.contact-form-card h2{
  font-family:Manrope,Inter,sans-serif;font-size:21px;margin:0 0 22px;
}
.contact-intro{color:#e0e5ee;font-size:13px;line-height:1.65;margin:0 0 27px}
.contact-detail{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.contact-detail:last-child{border-bottom:0}
.contact-detail strong{display:block;font-size:12.5px;margin-bottom:7px}
.contact-detail p,.contact-detail a{
  margin:0;color:#fff;font-size:12.5px;line-height:1.65;
}
.contact-form-card{
  border:1px solid #e6e9ef;border-radius:14px;background:#fff;
  padding:38px 31px;box-shadow:0 8px 28px rgba(16,32,58,.035);
}
.contact-form-card form{display:grid;gap:13px}
.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.contact-form-card input,.contact-form-card select,.contact-form-card textarea{
  width:100%;box-sizing:border-box;border:1px solid #dce1e9;border-radius:8px;
  background:#fff;color:#273449;font:inherit;font-size:12.5px;padding:0 14px;
  outline:none;transition:.2s border-color,.2s box-shadow;
}
.contact-form-card input,.contact-form-card select{height:45px}
.contact-form-card textarea{height:100px;resize:vertical;padding-top:13px}
.contact-form-card input:focus,.contact-form-card select:focus,.contact-form-card textarea:focus{
  border-color:var(--pink);box-shadow:0 0 0 3px rgba(234,43,132,.08);
}
.contact-form-card button{
  justify-self:start;border:0;border-radius:7px;background:var(--pink);color:#fff;
  font-weight:800;font-size:12px;padding:13px 19px;cursor:pointer;
}
@media(max-width:780px){
  .contact-title{padding:44px 0 36px}
  .contact-title h1{font-size:36px}
  .contact-content{padding:52px 0 60px}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .contact-title h1{font-size:32px}
  .contact-row{grid-template-columns:1fr}
  .contact-info,.contact-form-card{padding:28px 22px}
}