.chc-wrap,
.chc-wrap *{box-sizing:border-box}

.chc-wrap{
  width:min(980px,calc(100% - 36px));
  margin:0 auto;
  padding:58px 0 90px;
  color:#111;
  font-family:'League Spartan',sans-serif;
}

.chc-hero{
  max-width:760px;
  margin-bottom:34px;
}

.chc-hero>span,
.chc-direct>span{
  display:block;
  margin-bottom:10px;
  color:#ff3fa4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.chc-hero h1{
  margin:0 0 16px!important;
  font-family:'Anton',sans-serif!important;
  font-size:clamp(54px,8vw,96px)!important;
  font-weight:400!important;
  line-height:.95!important;
  text-transform:uppercase;
  color:#111!important;
}

.chc-hero p{
  margin:0!important;
  max-width:680px;
  font-size:18px!important;
  line-height:1.5!important;
  font-weight:600!important;
}

.chc-form{
  padding:28px;
  background:#fff;
  border:2px solid #111;
  box-shadow:7px 8px 0 rgba(0,0,0,.08);
}

.chc-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.chc-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}

.chc-field--full{grid-column:1/-1}

.chc-field>span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.chc-field input,
.chc-field select,
.chc-field textarea{
  width:100%;
  min-width:0;
  max-width:100%;
  padding:12px 0;
  border:0;
  border-bottom:2px solid #111;
  border-radius:0;
  background:transparent;
  color:#111;
  font:inherit;
  outline:none;
}

.chc-field textarea{
  resize:vertical;
  overflow-wrap:anywhere;
}

.chc-field input:focus,
.chc-field select:focus,
.chc-field textarea:focus{
  border-bottom-color:#ff3fa4;
}

.chc-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:28px;
}

.chc-actions button{
  appearance:none;
  border:0;
  background:#111;
  color:#fff;
  padding:13px 18px;
  font:inherit;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:5px 6px 0 rgba(0,0,0,.14);
}

.chc-actions button:hover{
  background:#ff3fa4;
  color:#111;
}

.chc-direct{
  margin-top:34px;
  padding:20px 0 0;
  border-top:2px solid #111;
}

.chc-direct a{
  color:#111!important;
  text-decoration:none!important;
  font-size:18px;
  font-weight:900;
}

.chc-direct a:hover{color:#ff3fa4!important}

.chc-success{
  margin-bottom:30px;
  padding:22px 24px;
  background:#111;
  color:#fff;
  border-left:6px solid #ff3fa4;
}

.chc-success span{
  color:#ff3fa4;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.chc-success h2{
  margin:6px 0 8px!important;
  color:#fff!important;
  font-family:'Anton',sans-serif!important;
  font-size:34px!important;
  text-transform:uppercase;
}

.chc-success p{
  margin:0!important;
  color:#fff!important;
}

@media(max-width:700px){
  .chc-wrap{padding-top:40px}
  .chc-form{padding:20px 16px}
  .chc-grid{grid-template-columns:1fr}
  .chc-field--full{grid-column:auto}
}