#contact-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow-y:auto;padding:32px}
#contact-dialog h2{margin:12px 0 8px;line-height:1.2}
#contact-dialog .contact-intro{margin:0 0 22px;line-height:1.6}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contact-form label{display:grid;gap:7px;margin:0;font-size:12px;color:var(--text)}
#contact-form .full-width{grid-column:1/-1}
#contact-form input:not(.contact-honey),#contact-form textarea{width:100%;min-width:0;background:#091c29;color:var(--text);border:1px solid #3c5d6b;border-radius:6px;font:inherit;font-size:16px;padding:11px 12px;margin:0}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#8fa6b5}
#contact-form input:focus-visible{outline:3px solid #23b997;outline-offset:3px}
#contact-form textarea{resize:vertical;min-height:110px}
.contact-optional{color:var(--muted);font-weight:400}
.contact-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-submit{width:100%;margin-top:20px}
#contact-status{margin:12px 0 0;font-size:13px;line-height:1.5}
#contact-status:empty{display:none}
#contact-status[data-state="success"]{color:var(--mint)}
#contact-status[data-state="error"]{color:#ffb8b0}
#contact-dialog .contact-alternative{font-size:12px;line-height:1.6;margin:16px 0 0;overflow-wrap:anywhere}
.contact-email,#contact-fallback{color:var(--mint);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:600px){#contact-dialog{padding:28px 22px}.contact-fields{grid-template-columns:1fr;gap:14px}#contact-dialog .eyebrow{font-size:9px;letter-spacing:1.4px}#contact-dialog h2{font-size:28px}}