.contact-shell{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);min-height:680px;margin-top:5rem;overflow:hidden;border:1px solid rgba(105,194,237,.38);border-radius:1.5rem;background:#061a3a;box-shadow:0 2rem 4rem rgba(14,62,113,.18)}
.contact-shell::before{position:absolute;inset:0 42% 0 0;background:linear-gradient(90deg,transparent 98%,rgba(102,202,255,.18) 99%),linear-gradient(0deg,transparent 98%,rgba(102,202,255,.18) 99%);background-size:72px 72px;content:"";opacity:.35;mask-image:radial-gradient(ellipse at 30% 45%,#000 5%,transparent 75%)}
.contact-intro{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,6rem);color:#fff}.contact-kicker{display:flex;align-items:center;gap:.65rem;margin-bottom:1.4rem;color:#74dcff;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.contact-intro h2{margin-bottom:1.4rem;font-size:clamp(3rem,5.3vw,5.6rem);line-height:.96;letter-spacing:-.055em}.contact-intro h2 span{color:#74dcff}.contact-lead{max-width:31rem;color:#acc4e1;font-size:.9rem;line-height:1.75}.contact-highlights{display:grid;gap:1rem;margin-top:2.5rem}.contact-highlights>div{display:flex;align-items:center;gap:.9rem}.highlight-icon{display:grid;flex:0 0 2.7rem;width:2.7rem;height:2.7rem;place-items:center;border:1px solid rgba(116,220,255,.3);border-radius:.7rem;background:rgba(116,220,255,.08);color:#74dcff;font-size:.65rem;font-weight:700}.contact-highlights p{display:grid;gap:.15rem}.contact-highlights strong{font-size:.8rem}.contact-highlights small{color:#8eabc9;font-size:.64rem}
.form-card{position:relative;z-index:2;align-self:center;min-width:0;margin:2.2rem;padding:clamp(2rem,4vw,3.5rem);border:1px solid rgba(255,255,255,.8);border-radius:1.25rem;background:rgba(255,255,255,.97);box-shadow:0 1.7rem 3.5rem rgba(0,12,38,.35)}.form-heading{margin-bottom:2rem}.form-heading>p{margin-bottom:.55rem;color:#1688b7;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.form-heading h3{margin-bottom:.45rem;color:#082751;font-size:clamp(1.65rem,2.6vw,2.35rem);letter-spacing:-.04em}.form-heading>span{color:#73859e;font-size:.7rem}#contact-form{display:grid;gap:1.15rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;min-width:0;gap:.5rem}.field label{color:#17375f;font-size:.75rem;font-weight:700}.field label>span{color:#10a6da}.field label em{color:#8291a4;font-size:.64rem;font-style:normal;font-weight:400}.field input{width:100%;min-width:0;min-height:3.25rem;padding:0 1rem;outline:0;border:1px solid #dbe5ed;border-radius:.65rem;background:#f8fbfd;color:#0d2e58;font-size:.82rem;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder{color:#9aaabd}.field input:focus{border-color:#3abde7;background:#fff;box-shadow:0 0 0 .22rem rgba(58,189,231,.13)}.field input[aria-invalid=true]{border-color:#dc5c69;background:#fff8f8}.field-error{display:none;color:#c94754;font-size:.64rem}.field input[aria-invalid=true]+.field-error{display:block}.submit-button{display:flex;align-items:center;justify-content:space-between;min-height:3.4rem;margin-top:.5rem;padding:0 .55rem 0 1.25rem;border:0;border-radius:.7rem;background:linear-gradient(100deg,#082a5a,#0b4d86);box-shadow:0 .65rem 1.3rem rgba(8,42,90,.2);color:#fff;cursor:pointer;font-size:.78rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 .9rem 1.6rem rgba(8,42,90,.27)}.submit-button:disabled{cursor:wait;opacity:.7;transform:none}.button-arrow{display:grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:.5rem;background:#76ddfb;color:#06234e;font-size:1.2rem}.form-status{display:none;padding:.8rem .95rem;border-radius:.55rem;font-size:.7rem;line-height:1.45}.form-status.is-visible{display:block}.form-status.success{border:1px solid #a5dfca;background:#ecfaf5;color:#166a50}.form-status.error{border:1px solid #efc4c8;background:#fff3f4;color:#a12d39}.form-status.info{border:1px solid #b9dff0;background:#effaff;color:#146587}
@media(max-width:900px){.contact-shell{grid-template-columns:1fr}.contact-intro{padding:4rem 2rem 2.5rem}.contact-lead{max-width:38rem}.contact-highlights{grid-template-columns:1fr 1fr;margin-top:2rem}.form-card{margin:0 1rem 1rem}}
@media(max-width:560px){.contact-shell{margin-top:3rem;border-radius:1rem}.contact-intro{padding:3rem 1.2rem 2rem}.contact-intro h2{font-size:clamp(2.7rem,15vw,4rem)}.contact-lead{font-size:.82rem}.contact-highlights{grid-template-columns:1fr}.form-card{margin:0 .55rem .55rem;padding:1.5rem 1rem;border-radius:.85rem}.form-row{grid-template-columns:1fr}.submit-button{width:100%}}
.field textarea{width:100%;min-width:0;min-height:8rem;padding:.9rem 1rem;resize:vertical;outline:0;border:1px solid #dbe5ed;border-radius:.65rem;background:#f8fbfd;color:#0d2e58;font:inherit;font-size:.82rem;line-height:1.55;transition:border-color .2s,box-shadow .2s,background .2s}.field textarea::placeholder{color:#9aaabd}.field textarea:focus{border-color:#3abde7;background:#fff;box-shadow:0 0 0 .22rem rgba(58,189,231,.13)}.field textarea[aria-invalid=true]{border-color:#dc5c69;background:#fff8f8}.field textarea[aria-invalid=true]+.field-error{display:block}
@media(prefers-reduced-motion:reduce){.submit-button{transition:none}}