/* Contact page — built directly on the homepage design system. */

.contact-page-contact{margin-top:0}
.contact-form-section{position:relative}
.contact-main-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:stretch}

.sokil-form,
.contact-visual{
  position:relative;
  min-width:0;
  border:1px solid rgba(255,255,255,.075);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(8,19,32,.9),rgba(5,13,23,.99));
  box-shadow:var(--shadow-soft),0 0 38px rgba(216,164,65,.045);
  overflow:hidden;
}
.sokil-form:before,
.contact-visual:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:72px;
  height:2px;
  background:var(--gold-2);
  box-shadow:0 0 18px rgba(216,164,65,.38);
  z-index:3;
}

.sokil-form{padding:31px}
.sokil-form__intro{max-width:680px;margin-bottom:24px}
.sokil-form__eyebrow,
.contact-visual__eyebrow{
  display:block;
  margin-bottom:9px;
  color:var(--gold-2);
  font-size:10px;
  line-height:1.3;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sokil-form__intro h2,
.contact-visual__body h2{
  margin:0;
  color:#fff;
  font:300 27px/1.2 var(--display);
  letter-spacing:.015em;
}
.sokil-form__intro p{
  margin:12px 0 0;
  max-width:650px;
  color:#a9b8c8;
  font-size:13px;
  line-height:1.7;
}

.sokil-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.sokil-form label{display:grid;gap:8px}
.sokil-form label>span{color:#cbd6e2;font-size:11px;line-height:1.4;letter-spacing:.055em}
.sokil-form input,
.sokil-form select,
.sokil-form textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.105);
  border-radius:12px;
  background:rgba(2,10,18,.72);
  color:#fff;
  font:inherit;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.sokil-form input,
.sokil-form select{height:49px;padding:0 14px}
.sokil-form textarea{min-height:145px;padding:13px 14px;resize:vertical;line-height:1.55}
.sokil-form input:focus,
.sokil-form select:focus,
.sokil-form textarea:focus{
  border-color:rgba(216,164,65,.72);
  background:#061421;
  box-shadow:0 0 0 3px rgba(216,164,65,.065);
}
.sokil-form select{color-scheme:dark}
.sokil-form__wide{grid-column:1/-1}
.sokil-form__bottom{
  display:flex;
  gap:20px;
  align-items:end;
  justify-content:space-between;
  margin-top:19px;
  padding-top:19px;
  border-top:1px solid rgba(255,255,255,.065);
}
.sokil-captcha{min-width:185px}
.sokil-captcha strong{color:var(--gold-2);font-weight:600}
.sokil-captcha input{width:110px}
.sokil-form__bottom .button{border:0;cursor:pointer;white-space:nowrap}
.sokil-form__privacy{margin:15px 0 0;color:#8595a7;font-size:11px;line-height:1.6}
.sokil-form__privacy a{color:var(--gold-2);text-decoration:none}

.sokil-form__status{margin-bottom:20px;padding:13px 15px;border:1px solid;font-size:12px;line-height:1.55}
.sokil-form__status--success{border-color:rgba(90,190,128,.42);background:rgba(90,190,128,.075);color:#c3ead1}
.sokil-form__status--error{border-color:rgba(226,104,104,.42);background:rgba(226,104,104,.07);color:#f0c4c4}

.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

.contact-visual{display:flex;flex-direction:column}
.contact-visual img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.contact-visual__body{padding:25px 26px 28px}
.contact-visual__body ul{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.contact-visual__body li{position:relative;padding-left:20px;color:#aebccb;font-size:13px;line-height:1.55}
.contact-visual__body li:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border:1px solid var(--gold-2);
  transform:rotate(45deg);
}

.contact-benefits{padding-top:18px}

@media(max-width:980px){
  .contact-main-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sokil-form,.contact-visual{border-radius:19px}
  .sokil-form{padding:22px}
  .sokil-form__fields{grid-template-columns:1fr}
  .sokil-form__wide{grid-column:auto}
  .sokil-form__bottom{display:grid;grid-template-columns:1fr;align-items:start}
  .sokil-captcha{min-width:0}
  .sokil-captcha input{width:100%}
  .sokil-form__bottom .button{width:100%;justify-content:center}
  .contact-visual__body{padding:22px}
  .sokil-form__intro h2,.contact-visual__body h2{font-size:23px}
}