.contact-form-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:96px;padding:48px;margin-top:64px;background:var(--purple-soft);border-radius:24px;scroll-margin-top:144px}.contact-form-heading h2{margin-bottom:20px}.contact-form-heading p{font-size:18px;line-height:28px;max-width:280px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;min-width:0}.form-field label{font-size:14px;font-weight:600}.form-field input{font:inherit;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:4px;background:#fff;color:var(--ink)}.form-field input:focus-visible,.form-consent input:focus-visible{outline:2px solid var(--flame-purple);outline-offset:3px}.form-name-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:22px;cursor:pointer}.form-consent input{flex:0 0 20px;width:20px;height:20px;margin:3px 0 0;accent-color:var(--flame-purple)}.form-consent a{font-weight:600}.form-status,.form-error{font-size:14px;line-height:22px;margin-top:20px!important}.form-status{color:var(--ink-muted)}.form-error{color:#921f26}.form-error[hidden],.form-status[hidden]{display:none}#contact-submit{margin-top:24px;cursor:pointer}#contact-submit:disabled{opacity:.5;cursor:default}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-confirmation{width:min(480px,calc(100% - 40px));border:1px solid var(--line);border-radius:24px;padding:40px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.contact-confirmation::backdrop{background:#1f1629b3}.contact-confirmation h2{font-size:32px;line-height:40px;margin:20px 0 16px}.contact-confirmation p{margin-bottom:28px}.confirmation-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--flame-orange);font-size:24px;color:var(--ink)}@media(max-width:1100px){.contact-form-panel{gap:48px;padding:40px}}@media(max-width:800px){.contact-form-panel{grid-template-columns:1fr;gap:32px;padding:32px;margin-top:48px}.contact-form-heading p{max-width:none}}@media(max-width:560px){.contact-form-panel{padding:28px 20px}.form-name-row{grid-template-columns:1fr;gap:0}.contact-confirmation{padding:28px}}
