.form{--line:#062a1e2b;background:var(--paper) var(--noise);color:var(--ink);box-shadow:0 10px 0 -1px var(--lime);border:1px solid #eaf6e34d}.form__bar{background:var(--paper-2);border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;gap:12px;padding:11px 18px;font-size:10.5px;display:flex}.form__body{gap:4px;padding:10px 24px 26px;display:grid}.field{border-bottom:1px solid var(--line);gap:4px;padding:14px 0 10px;transition:border-color .25s;display:grid}.field:focus-within{border-bottom-color:var(--green)}.field label{font:500 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.field:focus-within label{color:var(--green)}.field input,.field textarea{width:100%;color:var(--ink);font:500 17px/1.4 var(--body);resize:vertical;background:0 0;border:0;outline:none;padding:6px 0}.field textarea{min-height:64px}.field ::placeholder{color:#8f9e95}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form .btn{justify-content:space-between;width:100%;margin-top:18px}.form__note{color:var(--ink-3);letter-spacing:.05em;text-transform:none;margin-top:14px;font-size:10px}.form__done{background:var(--mint);color:var(--green);border:1px solid #0a7a3440;margin-top:16px;padding:12px 14px;display:none}.form.is-sent .form__done{align-items:center;gap:10px;display:flex}.form__done svg{flex:none;width:18px;height:18px}@media (max-width:900px){.form__body{padding:6px 18px 22px}}.form__error{border:1px solid var(--signal-error);color:var(--signal-error);letter-spacing:.05em;text-transform:none;margin-top:14px;padding:10px 12px;font-size:10.5px}.form__fail{color:var(--ink-2);padding:14px 0 0;font-size:15.5px;line-height:1.5}.form .btn:disabled{cursor:progress;opacity:.7}