.contact-page{padding:52px 0 76px;color:#092c59}
.contact-intro{max-width:680px;margin:0 auto 30px;text-align:center}
.contact-eyebrow{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #b7dcff;border-radius:999px;background:#eef7ff;color:#075aa5;font-size:11px;font-weight:800;letter-spacing:.12em}
.contact-intro h1{margin:15px 0 10px;color:#082d5a;font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.045em}
.contact-intro p{margin:0;color:#52677c;font-size:16px;line-height:1.65}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:stretch}
.contact-form-card{order:1}
.contact-details{order:2;min-height:320px}
.contact-card{border:1px solid #c9def4;border-radius:18px;background:linear-gradient(145deg,#fff,#f2f8ff);box-shadow:0 12px 30px #0b3e7210}
.contact-details{position:relative;overflow:hidden;padding:32px;background:radial-gradient(circle at 100% 0,#47a0ea55,transparent 38%),linear-gradient(150deg,#0a2a53,#0e5593);color:#fff}
.contact-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #9bcfff88;border-radius:14px;background:#ffffff12;color:#d3ecff;font-size:24px}
.contact-details h2{margin:26px 0 12px;color:#fff;font-size:24px;line-height:1.2}
.contact-details p{margin:0;color:#d8eaff;font-size:15px;line-height:1.65}
.contact-address{display:grid;gap:5px;margin-top:28px;padding-top:20px;border-top:1px solid #ffffff35}
.contact-address span{color:#bfdcf8;font-size:12px}
.contact-address strong{font-size:17px;overflow-wrap:anywhere}
.contact-note{display:flex;align-items:flex-start;gap:9px;margin-top:22px;color:#d8eaff;font-size:13px;line-height:1.5}
.contact-note>span:first-child{display:grid;width:20px;height:20px;flex:none;place-items:center;border-radius:50%;background:#9bd4ff;color:#073363;font-weight:900}
.contact-form-card{padding:32px}
.contact-form-card h2{margin:0 0 22px;color:#082d5a;font-size:24px}
.contact-form{display:grid;gap:17px}
.contact-form label{display:grid;gap:7px;color:#12375f;font-size:13px;font-weight:700}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:46px;padding:11px 13px;border:1px solid #b9d1eb;border-radius:9px;background:#fff;color:#102b4b;font:inherit;font-size:15px;outline:none}
.contact-form textarea{min-height:150px;resize:vertical;line-height:1.5}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#1677d2;box-shadow:0 0 0 3px #1682dc24}
.contact-help{color:#718398;font-size:12px;font-weight:400}
.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;justify-self:start;min-height:50px;padding:0 25px;border:0;border-radius:999px;background:linear-gradient(160deg,#d3edff,#6cb5fc);color:#061b3b;box-shadow:0 6px 22px #449efb55;font-size:14px;font-weight:800;cursor:pointer}
.contact-submit:hover{background:linear-gradient(160deg,#fff,#8ec8ff)}
.contact-submit span{font-size:21px;font-weight:400}
.contact-success,.contact-errors{margin:0 0 18px;padding:14px 16px;border-radius:10px;line-height:1.5}
.contact-success{display:grid;gap:3px;border:1px solid #9ed9b2;background:#edfff2;color:#145c30}
.contact-errors{border:1px solid #f2c2a7;background:#fff4ed;color:#863c17}
.contact-errors ul{margin:6px 0 0;padding-left:20px}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:760px){.contact-page{padding:34px 0 50px}.contact-layout{grid-template-columns:1fr}.contact-details{padding:25px}.contact-details h2{margin-top:18px}.contact-form-card{padding:25px}}
@media(max-width:520px){.contact-fields{grid-template-columns:1fr}.contact-intro{text-align:left}.contact-intro p{font-size:15px}.contact-submit{width:100%}}