.contact-page{padding-block:32px 64px}.contact-header h1{margin:0 0 20px}.contact-header p{margin:0;max-width:60ch;color:var(--text)}.contact-card{margin-top:32px;padding-top:28px;border-top:1px solid var(--border)}.contact-form-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px;margin-bottom:24px}.content .contact-card h2{margin:0;padding:0;border:0}.contact-form{display:grid;gap:24px}.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.contact-field{display:grid;gap:8px;min-width:0}.contact-field label{font-size:1em;font-weight:600;color:var(--heading)}.contact-field input,.contact-field textarea{appearance:none;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--table-border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;line-height:inherit;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.contact-field input{min-height:50px}.contact-field textarea{resize:vertical;min-height:180px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--text);opacity:1}.contact-field input:hover,.contact-field textarea:hover{border-color:var(--text)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent);background:var(--background);outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent)}.contact-hint,.contact-note{margin:0;color:var(--text);font-size:.9em;line-height:inherit}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px}.contact-note a{text-decoration:underline;text-underline-offset:3px}.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 22px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:var(--background);font:inherit;font-weight:600;cursor:pointer;transition:background-color .15s ease}.contact-submit span{font-size:1.2em;line-height:1}.contact-submit:hover{background:var(--heading)}.contact-submit:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:500px){.contact-page{padding-block:24px 40px}.contact-card{margin-top:24px;padding-top:24px}.contact-fields{grid-template-columns:minmax(0,1fr)}.contact-actions{align-items:stretch;flex-direction:column}.contact-submit{width:100%}.contact-actions .contact-note{text-align:center}}@media(prefers-reduced-motion:reduce){.contact-field input,.contact-field textarea,.contact-submit{transition:none}}