/* ToolPaxa contact page — approved brand variables, responsive design. */
.contact-hero{padding-top:72px;padding-bottom:32px;text-align:center}
.contact-hero .eyebrow{color:var(--brand-blue,#2563EB);font-weight:700;letter-spacing:.12em}
.contact-hero h1{font-size:clamp(2.2rem,5vw,3.3rem);line-height:1.15;color:#0F172A;margin:12px 0}
.contact-lead{max-width:640px;margin:0 auto;color:#475569;font-size:1.05rem;line-height:1.7}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:28px;align-items:start;margin-top:20px;margin-bottom:90px}
.contact-panel,.contact-card{background:white;border:1px solid #E2E8F0;border-radius:20px;box-shadow:0 8px 26px rgba(15,23,42,.045)}
.contact-panel{padding:clamp(20px,3vw,36px)}
.contact-panel h2,.contact-card h2{margin:0 0 8px;color:#0F172A;font-size:1.35rem}
.contact-panel>p,.contact-card p{color:#526277;line-height:1.7;margin:0 0 21px}
#contact-form{display:flex;flex-direction:column;gap:10px}
#contact-form>label:not(.contact-consent){font-weight:650;font-size:.92rem;margin-top:10px;color:#233146}
#contact-form input:not([type="checkbox"]),#contact-form select,#contact-form textarea{border:1px solid #CBD5E1;border-radius:12px;background:#fff;padding:12px 14px;width:100%;color:#0F172A;font:inherit;min-height:46px}
#contact-form textarea{resize:vertical;min-height:135px}
#contact-form input:focus-visible,#contact-form textarea:focus-visible,#contact-form select:focus-visible{outline:3px solid #7DD3FC;outline-offset:2px;border-color:#2563EB}
.contact-consent{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:#475569;line-height:1.5;margin-top:12px}
.contact-consent input{margin:4px 0 0;flex:none}
.contact-consent a,.contact-help a,.contact-email-link{color:#1D4ED8;text-decoration:underline;text-underline-offset:3px}
.contact-private{font-size:.8rem;color:#64748B;line-height:1.6;margin:4px 0}
.contact-submit{margin-top:12px;align-self:flex-start;min-width:165px}
.contact-submit:disabled{opacity:.65;cursor:progress}
.contact-status{min-height:1.25rem;color:#374151;font-size:.92rem;margin:0}
.contact-status[data-state="error"]{color:#B91C1C}
.contact-status[data-state="success"]{color:#166534}
.contact-email-fallback{display:inline-block;color:#1D4ED8;font-weight:650;text-decoration:underline}
.contact-email-fallback[hidden]{display:none!important}
.contact-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-aside{display:flex;flex-direction:column;gap:20px}
.contact-card{padding:26px}
.contact-email-link{display:inline-block;font-weight:650;overflow-wrap:anywhere}
.contact-card .contact-small{font-size:.82rem;margin-top:14px;margin-bottom:0}
.contact-instagram{display:flex;align-items:center;gap:10px;background:linear-gradient(110deg,#EAF4FF,#F0FDFA);color:#0F172A;border:1px solid #BFDBFE;padding:13px 15px;border-radius:12px;text-decoration:none;font-weight:700}
.contact-instagram:hover{border-color:#2563EB;box-shadow:0 6px 16px rgba(37,99,235,.08)}
.contact-instagram svg{width:22px;height:22px;fill:none;stroke:#2563EB;stroke-width:2;flex:none}
.contact-instagram span:last-child{margin-left:auto;color:#2563EB}
.optional{font-size:.8rem;color:#64748B;font-weight:400}
.required{color:#B91C1C}
@media(max-width:820px){.contact-layout{grid-template-columns:1fr;gap:18px}.contact-hero{padding-top:45px}.contact-card{padding:20px}}
@media(max-width:460px){.contact-layout{width:calc(100% - 32px)}.contact-hero{width:calc(100% - 32px)}.contact-panel{padding:20px}.contact-submit{width:100%}}