.contact-page{min-height:100vh;background:radial-gradient(circle at 82% 10%,#e9f6ff 0,transparent 30%),linear-gradient(180deg,#f7fbff,#fff 65%)}
.contact-page .legal-header{max-width:1120px;border-bottom:1px solid #dbe9f5}
.contact-page .brand{color:#0b3974;font-size:22px}
.contact-page .legal-header nav a{padding:7px 4px;color:#31577e;font-size:12px;font-weight:700}
.contact-page .legal-header nav a[lang]:hover{color:#0069db}
.contact-layout{max-width:1120px;margin:44px auto 80px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,72px);align-items:start;line-height:1.5}
.contact-back{display:inline-block;margin-bottom:54px;color:#0b69d2;font-size:13px;font-weight:700}
.contact-back:hover{text-decoration:underline}
.contact-kicker{display:block;color:#0877e7;font-size:12px;font-weight:800;letter-spacing:.12em}
.contact-intro h1{margin:12px 0 16px;color:#092d5c;font-size:clamp(2.1rem,4vw,3.3rem);letter-spacing:-.05em}
.contact-intro>p{max-width:420px;color:#426187;font-size:16px;line-height:1.6}
.contact-direct{display:flex;gap:14px;align-items:center;margin-top:38px;padding:19px 22px;border:1px solid #d4e7f7;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(17,69,123,.06)}
.contact-direct-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#eaf5ff;color:#0877e7;font-size:24px}
.contact-direct div span,.contact-direct div a{display:block}
.contact-direct div span{color:#5e7898;font-size:12px}
.contact-direct div a{margin-top:3px;color:#075bad;font-size:14px;font-weight:700;overflow-wrap:anywhere}
.contact-card{padding:clamp(24px,4vw,40px);border:1px solid #d5e6f5;border-radius:18px;background:#fff;box-shadow:0 22px 54px rgba(8,55,112,.11)}
.contact-card h2{margin:0 0 26px;color:#0a3165;font-size:22px;letter-spacing:-.03em}
.contact-card form{display:grid;gap:10px}
.contact-card label{margin-top:9px;color:#183e70;font-size:13px;font-weight:700}
.contact-card input,.contact-card textarea{width:100%;border:1px solid #b9d2e9;border-radius:9px;padding:13px 14px;background:#fbfdff;color:#0b2b53;font:inherit;font-size:14px;line-height:1.5}
.contact-card textarea{min-height:180px;resize:vertical}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-card input:focus,.contact-card textarea:focus{outline:3px solid #b5ddff;outline-offset:1px;border-color:#0877e7}
.contact-card input::placeholder,.contact-card textarea::placeholder{color:#69809c}
.contact-feedback{margin:8px 0 0;padding:12px 14px;border-radius:8px;background:#e8f7ee;color:#12623d;font-size:13px}
.contact-feedback[data-error="true"]{background:#fff0f1;color:#9d2535}
.contact-submit{justify-self:start;margin-top:12px;min-width:190px;padding:13px 19px;font-size:14px}
.contact-submit:disabled{opacity:.65;cursor:wait;transform:none}
.contact-page :focus-visible{outline:3px solid #168cff;outline-offset:3px}
@media(max-width:760px){.contact-page .legal-header{padding:19px 22px;gap:16px;flex-wrap:wrap}.contact-page .legal-header nav{gap:10px}.contact-layout{grid-template-columns:1fr;margin:25px auto 56px;gap:28px}.contact-back{margin-bottom:30px}.contact-direct{margin-top:24px}.contact-card{padding:22px}.contact-submit{width:100%}}
