.contact-page{--ink:rgb(var(--color-neutral-800));--bg:rgb(var(--color-neutral));--line:rgb(var(--color-neutral-300));--muted:rgb(var(--color-neutral-600));--accent:rgb(var(--color-primary-700));--on-accent:white;--focus:rgb(var(--color-primary-600))}.dark .contact-page{--ink:rgb(var(--color-neutral-100));--bg:rgb(var(--color-neutral-800));--line:rgb(var(--color-neutral-600));--muted:rgb(var(--color-neutral-300));--accent:rgb(var(--color-primary-400));--on-accent:rgb(var(--color-neutral-900))}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(180px,.55fr);gap:36px;margin-top:32px}.contact-form{min-width:0}.contact-field{margin-bottom:20px}.contact-field label{display:block;font-size:.9rem;font-weight:650;margin-bottom:6px}.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.contact-field textarea{resize:vertical;min-height:160px}.contact-field small,.contact-privacy,.contact-fallback{display:block;font-size:.8rem;color:var(--muted)}.contact-field small{margin-top:6px}.contact-field-error{display:block;color:var(--ink);font-size:.8rem;font-weight:600}.contact-field-error:empty{display:none}.contact-field [aria-invalid=true]{border:2px solid var(--accent)}.contact-form :is(input,select,textarea,button):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-challenge{min-height:65px;max-width:100%}.contact-status{font-size:.9rem;overflow-wrap:anywhere}.contact-status:empty{display:none}.contact-submit{font:inherit;font-weight:650;padding:12px 20px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--on-accent);cursor:pointer;max-width:100%;white-space:normal}.contact-submit:hover:not(:disabled){filter:brightness(.9)}.contact-submit:disabled{opacity:.55;cursor:not-allowed}.contact-aside{border-left:1px solid var(--line);padding-left:24px;font-size:.85rem;color:var(--muted);align-self:start}.contact-aside h2{font-size:1rem;color:var(--ink);margin:24px 0 8px}.contact-aside h2:first-child{margin-top:0}@media(max-width:1100px){.contact-layout{grid-template-columns:1fr}.contact-aside{padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}}.contact-page :is(input,select,textarea){box-sizing:border-box}.contact-page .contact-status{margin:16px 0}.contact-page .contact-privacy{margin-bottom:20px}.contact-page .contact-fallback{margin-top:16px}.contact-page{overflow-wrap:anywhere}