.contact{padding:120px max(28px,calc((100vw - 1264px)/2));display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;background:#071015;border-top:1px solid var(--line)}
.contact-intro h2{font-size:clamp(45px,5vw,70px);line-height:1;letter-spacing:-.055em;margin:18px 0}
.contact-intro>p:not(.section-code){color:var(--muted);max-width:520px}
.contact-points{display:grid;gap:12px;margin-top:36px;font:500 11px var(--mono);letter-spacing:.08em;color:#8fa1a2}
.contact-points b{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid #3b535b;color:var(--cyan);margin-right:10px}
.contact-form{align-self:start;border:1px solid #34505a;background:#0b171d;box-shadow:0 30px 80px #0006}
.form-heading{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font:500 10px var(--mono);letter-spacing:.12em;color:#8c9d9e}
.form-heading i{font-style:normal;color:var(--lime)}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px}
.contact-fields label{display:grid;gap:7px;font:500 10px var(--mono);letter-spacing:.08em;color:#9aabab}
.contact-fields .wide{grid-column:1/-1}
.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;border:1px solid #32434b;background:#071116;color:var(--white);padding:13px 14px;outline:none;font:500 15px var(--sans);letter-spacing:0}
.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #58e5ff12}
.contact-fields textarea{resize:vertical;min-height:145px}
.contact-fields select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px;background-repeat:no-repeat}
.contact-fields option{background:#0b171d}
.form-trap{position:absolute!important;left:-9999px!important}
.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:17px 25px}
.contact-submit p{margin:0;color:#718486;font:400 10px var(--mono);line-height:1.5}
.contact-submit p.success{color:var(--lime)}
.contact-submit p.error{color:#ff9e8c}
.contact-submit button{flex:0 0 auto;border:0;background:var(--cyan);color:#061014;padding:13px 18px;font-weight:800;cursor:pointer}
.contact-submit button:hover{background:var(--lime)}
.contact-submit button:disabled{opacity:.55;cursor:wait}
.contact-submit button span{margin-left:16px}
@media(max-width:920px){.contact{grid-template-columns:1fr;gap:50px}}
@media(max-width:600px){.contact{padding:80px 18px}.contact-fields{grid-template-columns:1fr;padding:19px}.contact-fields .wide{grid-column:auto}.contact-submit{align-items:stretch;flex-direction:column}.contact-submit button{width:100%}}
