.contact-grid{align-items:start;gap:48px;display:grid}.contact-lead{max-width:56ch;color:var(--text-muted)}.contact-form{gap:20px;max-width:640px;margin-top:32px;display:grid}.contact-field{gap:8px;display:grid}.contact-field label{font-weight:600}.contact-optional{color:var(--text-muted);font-weight:400}.contact-field input,.contact-field select,.contact-field textarea{background:var(--surface);width:100%;color:var(--text);font:inherit;border:1px solid #c0c0c080;border-radius:8px;padding:12px 14px}.contact-field textarea{resize:vertical}.contact-field input:focus-visible,.contact-field select:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}.contact-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-info{color:var(--text-muted);margin:0;font-size:.9375rem}.contact-form button[disabled]{opacity:.5;cursor:not-allowed}.contact-alert{border:1px solid var(--accent-pink);background:var(--surface);border-left-width:4px;border-radius:8px;margin-top:24px;padding:14px 18px}.contact-notice{border-left:4px solid var(--gold);background:var(--surface);color:var(--text-muted);margin-top:24px;padding:14px 18px}.contact-side{border-radius:var(--radius);background:var(--surface);border:1px solid #c0c0c040;padding:24px}.contact-side p{color:var(--text-muted)}@media (width>=1024px){.contact-grid{grid-template-columns:minmax(0,1fr) 320px}}