.contact-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,7vw,110px);padding-block:100px;align-items:start;scroll-margin-top:110px}
.contact-intro{min-width:0}
.contact-kicker{display:block;color:#a4b4ce;font-size:12px;letter-spacing:.16em;margin-bottom:22px}
.contact-intro h2{font-size:clamp(32px,4vw,54px);line-height:1.12;letter-spacing:-.045em;max-width:530px;margin:0 0 24px;color:var(--ink,#f5f6fa)}
.contact-intro p{font-size:17px;line-height:1.8;color:#a5b0c2;max-width:470px;margin:0}
.contact-note{display:flex;gap:14px;align-items:start;margin-top:38px;padding-top:24px;border-top:1px solid #ffffff1c;color:#bcc7d8;font-size:14px;line-height:1.7}
.contact-note>.icon{width:24px;height:24px;flex-shrink:0;color:var(--blue,#4169e1)}
.contact-card{background:var(--panel,#191d25);border:1px solid #ffffff1c;border-radius:24px;padding:clamp(24px,4vw,42px);min-width:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}
.contact-field{min-width:0;display:flex;flex-direction:column;gap:9px}.contact-wide{grid-column:1/-1}
.contact-field label{font-size:14px;font-weight:600;color:#e5eaf3}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;box-sizing:border-box;border:1px solid #ffffff28;background:#0c1119;color:#f1f4fb;border-radius:10px;padding:13px 14px;font:inherit;font-size:15px;line-height:1.6;transition:border-color .15s,box-shadow .15s;color-scheme:dark}
.contact-field textarea{resize:vertical;min-height:150px;max-height:540px}
.contact-field :is(input,select,textarea):focus{outline:0;border-color:#839ef7;box-shadow:0 0 0 3px #5578ee26}
.contact-field [aria-invalid=true]{border-color:#ff9d9d}.contact-error{color:#ffb6b6;font-size:12px;line-height:1.5}.contact-error:empty{display:none}
.contact-counter{font-size:12px;text-align:end;color:#9ba9be}
.contact-privacy{font-size:12px;line-height:1.8;color:#a8b5ca;margin:23px 0}.contact-privacy a{color:#c1ceff;text-decoration:underline;text-underline-offset:3px}
.contact-submit{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;padding:16px 22px;background:var(--blue,#4169e1);color:white;border:1px solid #ffffff26;border-radius:12px;font:inherit;font-size:15px;font-weight:650;cursor:pointer}.contact-submit:hover{filter:brightness(1.1)}.contact-submit:disabled{opacity:.65;cursor:wait}
.contact-submit:focus-visible,.contact-another:focus-visible{outline:3px solid #b6c8ff;outline-offset:3px}
.contact-status{font-size:15px;line-height:1.8;color:#b9efd5;white-space:pre-line;overflow-wrap:anywhere}.contact-status:not(:empty){padding-block:22px 4px}.contact-status[data-state=error]{color:#ffb6b6}.contact-status[data-state=sending]{color:#c5cfe2}
.contact-another{font:inherit;font-size:14px;color:#c1ceff;background:transparent;border:1px solid #ffffff40;border-radius:9px;padding:12px 18px;margin-top:22px;cursor:pointer}
.contact-card [hidden]{display:none!important}.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
[dir=rtl] .contact-kicker{letter-spacing:0}[dir=rtl] .contact-intro h2{letter-spacing:0;line-height:1.5}
@media(max-width:900px){.contact-section{grid-template-columns:1fr;gap:34px;padding-block:70px}.contact-intro h2,.contact-intro p{max-width:640px}.contact-note{margin-top:24px}.contact-grid{gap:20px 14px}}
@media(max-width:480px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:24px 20px}.contact-intro h2{font-size:34px}}

.contact-submit>.icon{width:20px;height:20px;flex-shrink:0}