/* form */
.form{margin-top:30px;background:var(--card);border:1px solid var(--line);border-radius:0;padding:30px 28px 26px}
.field{margin:0 0 22px}
.field label{display:block;font-size:12.5px;letter-spacing:.14em;color:rgba(var(--ink-rgb),.65);margin-bottom:8px}
.field input,.field textarea{width:100%;display:block;font:inherit;font-size:16px;color:var(--hx-ink);background:var(--paper);border:1px solid var(--line-2);border-radius:0;padding:12px 14px;outline:none;transition:border-color .2s;min-height:46px}
.field textarea{min-height:150px;resize:vertical;line-height:1.7}
.field input:focus,.field textarea:focus{border-color:var(--hx-ink)}
.form-foot{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:6px}
.btn{font:inherit;font-size:14px;letter-spacing:.14em;color:var(--paper);background:var(--hx-ink);border:1px solid var(--hx-ink);padding:0 26px;border-radius:0;min-height:46px;cursor:pointer;transition:background .2s}
.btn:hover{background:#293548;border-color:#293548}
.btn:disabled{opacity:.55;cursor:wait}
.btn:focus-visible{outline:2px solid var(--hx-ink);outline-offset:3px}
.form-note{font-size:12.5px;color:rgba(var(--ink-rgb),.6);letter-spacing:.04em;margin:0}
.form-msg{font-size:13px;color:var(--hx-blue);letter-spacing:.06em;margin:14px 0 0;min-height:1.6em}
.field label .req,.field label .opt{display:inline-block;margin-left:10px;padding:1px 7px;font-size:10.5px;letter-spacing:.12em;line-height:1.6;border:1px solid var(--line-2);border-radius:0;color:rgba(var(--ink-rgb),.55);vertical-align:middle}
.field label .req{color:var(--hx-ink);border-color:var(--hx-ink)}
.field.check label{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.04em;color:var(--hx-ink);margin:0}
.field.check input{width:16px;height:16px;min-height:0;padding:0;margin:0;display:inline-block;accent-color:var(--hx-ink)}
.field.err input,.field.err textarea{border-color:var(--hx-ink)}
.field.err label{color:var(--m)}

.field-error{font-size:13px;line-height:1.6;color:#8d312d;margin:8px 0 0;letter-spacing:.02em}
.field.err input,.field.err textarea{border-color:#8d312d}
.field.err label{color:#8d312d}
.text-button{font:inherit;font-size:13px;background:none;border:0;text-decoration:underline;padding:6px 0;color:var(--hx-ink);cursor:pointer}
#security-status:not(:empty){margin:12px 0}
.form-msg:empty{display:none}
.form[aria-busy="true"]{cursor:wait}

@media(max-width:640px){.form{padding:24px 20px 20px}.field.check input{flex-shrink:0}}