.contact-page{background:var(--page);color:var(--ink)}main.contact-main{width:100%;max-width:760px;margin:0 auto;padding:40px 28px 60px}.contact-main .brand{display:inline-flex}.contact-heading{margin:65px 0 32px}.contact-heading h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1.5px;line-height:1.15;margin:12px 0 18px}.contact-heading p,.contact-intro,.contact-note,.contact-footer,.contact-status{color:var(--text-soft);font-size:13px;line-height:1.8}.contact-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:15px}.contact-tabs a{padding:12px 22px;border-radius:24px;font-size:13px}.contact-tabs [aria-current=page]{background:var(--lime);color:#192000;font-weight:700}.contact-form{display:grid;gap:20px}.contact-form .field{display:grid;gap:8px;font-size:12px;font-weight:650}.contact-form :is(input,textarea,select){display:block;width:100%;padding:13px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;line-height:1.6}.contact-form textarea{min-height:160px;resize:vertical;font-family:inherit}.contact-form small{font-weight:400;color:var(--text-soft);font-size:11px}.contact-form .primary{justify-self:start}.contact-optional{font-weight:400;color:var(--text-soft)}.contact-note{padding:16px;background:var(--surface-soft);border-radius:12px}.contact-result{border:1px solid var(--border-strong);border-radius:16px;padding:24px;margin-top:28px;scroll-margin-top:20px}.contact-result h2{font-size:20px;letter-spacing:-.5px}.contact-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 inherit;padding:16px;background:var(--surface-soft);border-radius:10px;max-height:280px;overflow:auto}.contact-result-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-result-actions :is(a,button){padding:12px 17px;border-radius:9px;font-size:12px}.contact-footer{border-top:1px solid var(--line);margin-top:44px;padding-top:20px}.contact-footer a{text-decoration:underline;text-underline-offset:3px}.contact-status{min-height:24px}.contact-main :focus-visible{outline:2px solid #819d00;outline-offset:4px}@media(max-width:620px){main.contact-main{padding:25px 20px 40px}.contact-heading{margin-top:45px}.contact-result{padding:18px}.contact-result-actions>*{width:100%;text-align:center}}

@media(max-width:620px){.contact-form :is(input,textarea,select){font-size:16px}}