.cs-contact-form{padding:64px 0 100px}
.cs-contact-form .cs-contact-form__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
.cs-contact-form .cs-contact-form__info,.cs-contact-form .cs-contact-form__panel{background:var(--cs-well);border:1.5px solid var(--cs-ink-12);border-radius:var(--cs-radius-card)}
.cs-contact-form .cs-contact-form__info{padding:36px;display:flex;flex-direction:column}
.cs-contact-form .cs-contact-form__item+.cs-contact-form__item{margin-top:28px;padding-top:28px;border-top:1px solid var(--cs-ink-12)}
.cs-contact-form .cs-contact-form__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-link);margin-bottom:6px}
.cs-contact-form .cs-contact-form__value{font-size:16px;font-weight:500;line-height:1.65;color:var(--cs-ink)}
.cs-contact-form .cs-contact-form__value a{color:var(--cs-action)}
.cs-contact-form .cs-contact-form__value a:hover{text-decoration:underline;text-underline-offset:4px}
.cs-contact-form .cs-contact-form__social{display:flex;gap:10px;flex-wrap:wrap}
.cs-contact-form .cs-contact-form__social a{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--cs-link);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--cs-link)!important;flex-shrink:0;transition:background-color 200ms var(--cs-ease),color 200ms var(--cs-ease)}
.cs-contact-form .cs-contact-form__social a:hover{background:var(--cs-link);color:#fff!important}

.cs-contact-form .cs-contact-form__panel{padding:40px}
.cs-contact-form .cs-contact-form__title{margin-bottom:6px}
.cs-contact-form .cs-contact-form__intro{font-size:13px;font-weight:500;line-height:1.5;color:var(--cs-ink-66);margin-bottom:28px}
.cs-contact-form .cs-contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.cs-contact-form .cs-contact-form__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.cs-contact-form .cs-contact-form__row .cs-contact-form__field{margin-bottom:0}
.cs-contact-form .cs-contact-form__field label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-ink-66)}
.cs-contact-form .cs-contact-form__input{width:100%;min-height:44px;padding:12px 16px;background:#fff;border:1.5px solid var(--cs-ink-12);border-radius:var(--cs-radius-card-action);font-size:13px;font-weight:500;line-height:1.3;color:var(--cs-ink);outline:none;transition:border-color 200ms var(--cs-ease)}
.cs-contact-form .cs-contact-form__input::placeholder{color:var(--cs-ink-66)}
.cs-contact-form .cs-contact-form__input:focus{border-color:var(--cs-action)}
.cs-contact-form .cs-contact-form__input[aria-invalid="true"]{border-color:var(--cs-magenta-text)}
.cs-contact-form .cs-contact-form__select{cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232E1664' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.cs-contact-form .cs-contact-form__textarea{min-height:120px;resize:vertical}
.cs-contact-form .cs-contact-form__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

.cs-scope .cs-contact-form__submit{width:100%;margin-top:8px;padding:0 24px;box-shadow:0 8px 28px rgba(108,43,255,.28)}
.cs-contact-form .cs-contact-form__submit.is-sent{background:linear-gradient(112deg,var(--cs-success) 0%,var(--cs-success-2) 100%);box-shadow:0 8px 28px rgba(15,112,0,.28)}
.cs-contact-form .cs-contact-form__submit[aria-busy="true"]{cursor:progress;filter:saturate(.8)}
.cs-contact-form .cs-contact-form__error{margin-top:12px;font-size:13px;font-weight:700;line-height:1.5;color:var(--cs-magenta-text);text-align:center}
.cs-contact-form .cs-contact-form__note{font-size:11px;font-weight:500;line-height:1.5;color:var(--cs-ink-66);text-align:center;margin-top:12px}

@media (max-width:980px){
  .cs-contact-form{padding:44px 0 64px}
  .cs-contact-form .cs-contact-form__grid{grid-template-columns:1fr;gap:20px}
  .cs-contact-form .cs-contact-form__row{grid-template-columns:1fr;gap:14px}
  .cs-contact-form .cs-contact-form__info{padding:28px 24px}
  .cs-contact-form .cs-contact-form__panel{padding:28px 20px}
}
