.contact-page{background:#020515}
.contact-main{overflow:hidden}
.contact-hub{background:radial-gradient(circle at 78% 22%,rgba(73,33,177,.16),transparent 31%),radial-gradient(circle at 35% 55%,rgba(0,195,255,.05),transparent 30%)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.76fr);gap:78px;align-items:center}
.contact-copy{max-width:650px}
.contact-copy .tag{margin-bottom:13px}
.contact-copy h1{max-width:660px;margin:0;font-size:44px;line-height:1.13;letter-spacing:-.04em}
.contact-copy h1 span{background:linear-gradient(100deg,var(--cyan),var(--pink));-webkit-background-clip:text;color:transparent}
.contact-lead{max-width:610px;margin:22px 0 28px;color:#c5c7d2;font-size:15px;line-height:1.72}
.contact-lead strong{color:var(--cyan)}
.contact-steps{position:relative;display:grid;gap:22px;max-width:610px;margin:0;padding:0;list-style:none}
.contact-steps:before{content:"";position:absolute;top:25px;bottom:25px;left:20px;border-left:1px dashed #39446a}
.contact-steps li{position:relative;z-index:1;display:grid;grid-template-columns:42px 54px 1fr;gap:14px;align-items:center}
.step-number{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;background:#05091d;color:white;font-size:16px}
.contact-steps li:nth-child(2) .step-number{border-color:#8550ff}
.contact-steps li:nth-child(3) .step-number{border-color:#ef43bd}
.step-icon{width:50px;height:50px;display:grid;place-items:center;color:#2e9dff}
.contact-steps li:nth-child(2) .step-icon{color:#a45aff}
.contact-steps li:nth-child(3) .step-icon{color:#f04abb}
.step-icon .svg-icon{width:29px;height:29px}
.contact-steps h2{margin:0 0 2px;font-size:16px;line-height:1.35}
.contact-steps p{margin:0;color:#aeb1c2;font-size:13px;line-height:1.55}
.contact-form-card{position:relative;padding:30px;border:1px solid #235eaa;border-radius:10px;background:linear-gradient(145deg,rgba(7,13,37,.98),rgba(3,6,23,.98));box-shadow:0 0 34px rgba(59,82,255,.16)}
.contact-form-card:after{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-right-color:#da38dd;border-bottom-color:#da38dd;border-radius:10px;pointer-events:none}
#contact-form{scroll-margin-top:126px}
.form-heading{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.form-heading>b{width:45px;height:45px;display:grid;place-items:center;border:2px solid #6e4aff;border-radius:10px;color:#35bfff}
.form-heading .svg-icon{width:25px;height:25px}
.form-heading h2{margin:0;font-size:22px}
.field{margin-bottom:14px}
.field label{display:block;margin-bottom:6px;font-size:13px;font-weight:650}
.field input{width:100%;height:48px;padding:0 14px;border:1px solid #25304e;border-radius:6px;background:#060b20;color:white;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.field input:hover{border-color:#3a4b77}
.field input:focus{border-color:#148ed8;box-shadow:0 0 0 3px rgba(10,195,233,.12)}
.field.is-filled input:not([aria-invalid="true"]){border-color:#34466d;background:#080e26}
.field input[aria-invalid="true"]{border-color:#f14a9d;box-shadow:inset 3px 0 0 #f14a9d}
.field-error{display:block;min-height:18px;margin-top:3px;color:#ff82bd;font-size:12px}
.field-error:not(:empty)::before{content:"!";display:inline-grid;place-items:center;width:14px;height:14px;margin-right:5px;border:1px solid currentColor;border-radius:50%;font-size:9px;font-weight:800}
.form-status{min-height:20px;margin:-2px 0 8px;color:#ff82bd;font-size:13px}
.form-status:not(:empty){padding:8px 10px;border-left:2px solid currentColor;background:rgba(241,74,157,.07)}
form.is-success .form-status{color:#63e89a;background:rgba(75,211,134,.07)}
form.is-failure .form-status,form.has-errors .form-status{color:#ff82bd}
.contact-submit{position:relative;z-index:1;width:100%;min-height:50px;border:0;color:white;cursor:pointer}
.contact-submit .svg-icon{width:19px;height:19px;margin-right:9px}
.contact-submit:disabled{cursor:wait;opacity:.72}
form.is-processing .contact-submit::after{content:"";width:15px;height:15px;margin-left:10px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;animation:contact-spin .7s linear infinite}
form.is-processing input{opacity:.82}
@keyframes contact-spin{to{transform:rotate(360deg)}}
.privacy-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:11px 0 0;color:#9296a9;font-size:11px;text-align:center}
.privacy-note .svg-icon{width:13px;height:13px}
.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}

@media(max-width:1000px){.contact-grid{grid-template-columns:1fr;gap:42px}
.contact-copy{max-width:none}
.contact-form-card{max-width:680px;width:100%;margin:auto}
}

@media(max-width:700px){#contact-form{scroll-margin-top:96px}
.contact-copy h1{font-size:36px}
.contact-lead{font-size:14px}
.contact-steps li{grid-template-columns:38px 44px 1fr;gap:10px}
.contact-steps:before{left:18px}
.step-number{width:38px;height:38px}
.step-icon{width:44px;height:44px}
.contact-form-card{padding:22px 18px}
.field input{height:52px}
}

@media(max-width:380px){.contact-copy h1{font-size:32px}
.contact-steps li{grid-template-columns:36px 1fr}
.contact-steps:before{left:17px}
.step-icon{display:none}
.contact-steps h2{font-size:15px}
.form-heading h2{font-size:20px}
}