.contact-page main, .contact-page header, .contact-page footer { max-width:760px; }
.contact-page form { display:grid; gap:20px; }
.contact-page label { display:grid; gap:8px; font-size:15px; }
.contact-page input, .contact-page textarea { box-sizing:border-box; width:100%; min-width:0; padding:12px; border:1px solid var(--fp-border); border-radius:9px; background:var(--sx-surface); color:var(--sx-text); font:inherit; font-size:16px; line-height:1.5; }
.contact-page textarea { resize:vertical; min-height:170px; }
.contact-page :is(input,textarea,button):focus-visible { outline:2px solid var(--sx-accent); outline-offset:3px; }
.contact-page p { margin:0; }
.contact-page .contact-direct { margin-top:24px; overflow-wrap:anywhere; }
.contact-page .contact-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.contact-page #contact-send { background:var(--sx-text); color:var(--sx-surface); min-height:46px; }
.contact-page #contact-send:disabled { opacity:.65; cursor:wait; }
.contact-page #contact-status { flex:1 1 220px; overflow-wrap:anywhere; }
.contact-page #contact-status[data-error=true] { color:var(--sx-neg); }
@media (max-width:480px) { .contact-page .account-card { padding:20px 16px; } }