.contact-page{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start;padding-block:65px 100px}
.contact-intro h1{font-size:58px;letter-spacing:-2px;margin-block:24px}.contact-intro p{max-width:380px}.contact-email{display:inline-block;color:var(--gold);overflow-wrap:anywhere;margin-top:15px}
.contact-form{border:1px solid var(--line);border-radius:14px;background:#191e1d;padding:32px;display:grid;gap:20px}.contact-form label{display:grid;gap:9px;font-size:13px}.contact-form input,.contact-form textarea{font:inherit;color:var(--text);background:#101515;border:1px solid #4a5350;border-radius:7px;padding:12px;width:100%;box-sizing:border-box}.contact-form textarea{resize:vertical;min-height:160px}.contact-form :is(input,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.contact-form button:disabled{opacity:.65;cursor:wait}.contact-form .contact-trap{display:none}.contact-form small{color:#a5b0ab;font-size:11px}.contact-status{margin:0;color:var(--gold);font-size:13px;line-height:1.6}.contact-status:empty{display:none}.contact-status.is-error{color:#ffb4a8}
@media(max-width:850px){.contact-page{gap:35px}.contact-intro h1{font-size:45px}.site-header nav{gap:18px}}
@media(max-width:620px){.contact-page{grid-template-columns:1fr;gap:30px;padding-block:35px 60px}.contact-intro h1{font-size:38px}.contact-form{padding:23px}.site-header nav{gap:22px;flex-wrap:wrap}}