.contact-page { background: #eef4f7; color: #102d44; }

.contact-main { padding: 5rem 1.5rem; }
.contact-inner { max-width: 720px; margin: auto; }
.contact-inner h1 { font: 700 clamp(2.3rem,5vw,3.5rem)/1.1 Arial,Helvetica,sans-serif; margin: .5rem 0 1rem; }
.contact-inner form { display: grid; gap: .55rem; margin-top: 2rem; }
.contact-inner label { margin-top: .8rem; font-weight: 700; }
.contact-inner label span { font-weight: 400; }
.contact-inner input, .contact-inner textarea { width: 100%; border: 1px solid #9eb3c0; border-radius: 3px; padding: .8rem; font: inherit; background: white; }
.contact-inner input:focus, .contact-inner textarea:focus { outline: 3px solid #e6ba18; outline-offset: 2px; }
.contact-inner button { margin-top: 1rem; justify-self: start; border: 0; cursor: pointer; }
.form-status { padding: 1rem; background: #d9efdf; }
.form-status--error { background: #fff0df; }
.contact-footer { padding: 2rem; text-align: center; background: #09223b; color: white; }
.contact-footer a { color: inherit; }

.contact-trap { position: absolute; left: -10000px; width: 1px !important; height: 1px; }