.contact-page{min-height:100svh;display:flex;flex-direction:column;background:#070d13;isolation:isolate}
.contact-page:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#040c16aa,#060d17ef 64%),linear-gradient(0deg,#060d15 2%,transparent 55%),url('assets/galBG_001.jpg') center/cover no-repeat;pointer-events:none}
.contact-header{display:flex;align-items:center;gap:36px;padding:22px 5.5%;max-width:1600px;width:100%;margin:auto auto 0}
.contact-header .contact-back{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:14px;color:#bdd3df}
.contact-header .contact-back:hover{color:#fff}
.contact-main{width:min(1380px,89%);margin:40px auto 72px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7%;flex:1}
.contact-intro .eyebrow{font-size:12px;letter-spacing:.15em}
.contact-intro h1{font-size:clamp(52px,5.8vw,90px);font-weight:750;letter-spacing:-.06em;margin:22px 0 28px;line-height:1.08}
.contact-lead{font-size:clamp(22px,2.1vw,31px);max-width:390px;line-height:1.4;letter-spacing:-.02em}
.contact-description{font-size:17px;line-height:1.8;color:#aec4d2;max-width:375px;margin-top:20px}
.contact-signature{margin-top:48px;border-left:2px solid #ca8b52;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.contact-signature span{font-size:16px;font-weight:600}.contact-signature small{font-size:14px;color:#a4bccd}
.contact-panel{padding:34px clamp(22px,3vw,46px);border:1px solid #64869b60;border-radius:14px;background:linear-gradient(135deg,#112531d9,#09131fed);box-shadow:0 20px 70px #0005,inset 0 1px #ffffff09;backdrop-filter:blur(12px)}
.contact-panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:27px}.contact-panel-heading h2{font-size:22px;font-weight:600;letter-spacing:-.015em}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.contact-field label{font-size:14px;color:#d6e4ec}.field-optional{color:#8ea7ba;font-size:12px}
.contact-field input,.contact-field textarea{font:16px/1.5 system,Arial,sans-serif;width:100%;border:1px solid #56718791;border-radius:5px;color:#f3f7fb;background:#050e18a8;padding:11px 13px;transition:border-color .2s,box-shadow .2s}
.contact-field textarea{resize:vertical;min-height:160px;max-height:600px}.contact-field input:hover,.contact-field textarea:hover{border-color:#91b2c6}
.contact-field input:focus,.contact-field textarea:focus{outline:2px solid #92dbf4;outline-offset:3px;border-color:#8ed9f6;box-shadow:0 0 18px #6ac5f315}
.message-count{font:12px Consolas,monospace;text-align:right;color:#849cab;margin-top:-2px}
.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.contact-form-footer p{font-size:12px;color:#9db5c7;max-width:180px}
.contact-submit{display:flex;align-items:center;justify-content:center;gap:26px;padding:13px 20px;border:1px solid #d79861;border-radius:5px;background:linear-gradient(135deg,#f1b17b,#d89257);color:#201108;font-size:15px;font-weight:650;transition:box-shadow .2s,filter .2s}
.contact-submit:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 25px #e5985640}.contact-submit:disabled{opacity:.5;cursor:wait}
.contact-status{font-size:14px;line-height:1.6;color:#bdd8e9}.contact-status:not(:empty){margin-top:20px;padding:13px 15px;border:1px solid #567a945c;border-radius:5px;background:#10293b}
.contact-status[data-state=error]{border-color:#d9a17988;color:#ffd7b4;background:#40261b6b}.contact-status[data-state=success]{border-color:#75c6a17a;color:#c4f8df;background:#143c306b}
.contact-footer{display:flex;justify-content:space-between;width:89%;max-width:1380px;margin:0 auto;padding:25px 0 30px;border-top:1px solid #69839940;font-size:13px;color:#99b4c5}.contact-footer a:hover{color:#fff}
@media(max-width:980px){.contact-main{gap:5%;grid-template-columns:.8fr 1.2fr}.contact-fields{grid-template-columns:1fr;gap:0}.contact-panel{padding:28px}.contact-intro h1{font-size:58px}}
@media(max-width:700px){.contact-header{padding:16px 6%;gap:20px}.contact-header .brand img{width:65px;height:65px}.contact-header .contact-back{font-size:12px}.contact-main{width:88%;grid-template-columns:1fr;gap:32px;margin:25px auto 48px}.contact-intro h1{font-size:56px;margin:18px 0}.contact-lead{font-size:23px}.contact-description{font-size:16px;margin-top:12px}.contact-signature{margin-top:25px}.contact-panel{padding:25px 22px}.contact-fields{grid-template-columns:1fr}.contact-form-footer{flex-direction:column-reverse;align-items:stretch;gap:14px}.contact-form-footer p{max-width:none;text-align:center}.contact-footer{width:88%;gap:15px;font-size:12px}}