.contact-hero{padding:48px 20px;background:#0f1f3d;color:#fff;text-align:center;border-bottom:4px solid #175cd3}
.contact-hero>div{width:min(760px,100%);margin-inline:auto}.contact-hero span{color:#b2ccff;font-size:12px;font-weight:700;letter-spacing:.1em}.contact-hero h1{margin:8px 0;font-size:clamp(32px,4vw,44px);line-height:1.15;letter-spacing:-.02em}.contact-hero p{margin:0;color:#d0d5dd;font-size:16px;line-height:1.6}
.contact-page{width:min(1120px,calc(100% - 32px));margin:0 auto 64px}.contact-page .breadcrumbs{margin:20px 0;color:#667085}.contact-page .breadcrumbs a{color:#175cd3}.contact-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:24px;align-items:start}
.contact-intro,.contact-form{border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.06);padding:24px}.contact-intro h2,.contact-form h2{color:#0f1f3d}.contact-intro>p,.contact-form header p{color:#667085}.contact-intro>div{border-top-color:#e4e7ec}.contact-intro a{color:#175cd3;font-weight:700;overflow-wrap:anywhere}.contact-intro>div:last-child{border:1px solid #fedf89;border-radius:8px;background:#fffaeb;padding:14px;margin-top:20px}.contact-intro>div:last-child b{color:#93370d}.contact-intro>div:last-child p{color:#7a2e0e}
.contact-fields{gap:18px}.contact-fields label{color:#344054}.contact-fields input,.contact-fields select,.contact-fields textarea{border:1px solid #d0d5dd;border-radius:8px;color:#101828;background:#fff}.contact-fields input:hover,.contact-fields select:hover,.contact-fields textarea:hover{border-color:#98a2b3}.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{outline:3px solid rgba(23,92,211,.18);outline-offset:0;border-color:#175cd3}.contact-fields input:user-invalid,.contact-fields select:user-invalid,.contact-fields textarea:user-invalid{border-color:#b42318}.contact-fields small{color:#667085}
.contact-form>button{min-width:180px;min-height:44px;margin-top:4px;border:1px solid #175cd3;border-radius:8px;background:#175cd3;color:#fff;font-weight:700;box-shadow:none}.contact-form>button:hover{background:#1849a9;border-color:#1849a9}.contact-form>button:focus-visible{outline:3px solid rgba(23,92,211,.28);outline-offset:2px}.contact-success,.contact-errors{border-radius:8px}.contact-success{background:#ecfdf3;border-color:#abefc6;color:#067647}.contact-errors{background:#fef3f2;border-color:#fecdca;color:#b42318}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}.contact-intro{order:2}.contact-hero{padding:40px 16px}}
@media(max-width:560px){.contact-page{width:calc(100% - 24px);margin-bottom:48px}.contact-hero{padding:32px 16px}.contact-intro,.contact-form{padding:18px}.contact-fields{grid-template-columns:1fr;gap:15px}.contact-fields .wide{grid-column:auto}.contact-form>button{width:100%}}
@media(prefers-reduced-motion:reduce){.contact-page *{transition:none!important}}