/* A calm contact layout; the same fields stay readable in all three languages. */
#contact-form{min-width:0;padding-top:0}
#contact-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
#contact-form label{display:block;font-size:15px;font-weight:500;line-height:1.6;letter-spacing:-.015em;margin-bottom:27px;min-width:0}
#contact-form :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;box-sizing:border-box;min-width:0;background:#f8fafc;border:1px solid #d9e1eb;border-radius:8px;color:#13233d;font:inherit;font-weight:400;font-size:16px;line-height:1.5;padding:15px 16px;margin-top:10px;outline:none;transition:border-color .18s,box-shadow .18s}
#contact-form :is(input,select,textarea):focus-visible{border-color:#2055ff;box-shadow:0 0 0 3px #2055ff12}
#contact-form textarea{resize:vertical;min-height:180px;max-height:600px}
#contact-form .contact-full,#contact-form .contact-topic{grid-column:1/-1}
#contact-form .field-optional{font-weight:400;font-size:12px;color:#718095;margin-left:6px}
#contact-form .checkbox-label{display:flex;align-items:flex-start;gap:12px;font-weight:400;font-size:14px;line-height:1.75;margin:1px 0 27px;cursor:pointer}
#contact-form .checkbox-label input{width:18px;height:18px;margin:3px 0 0;accent-color:#174be6;flex:0 0 18px}
#contact-form .form-actions{display:flex;align-items:center;gap:16px;margin-top:5px}
#contact-form .form-actions .button{min-width:190px;min-height:56px;justify-content:space-between;gap:26px}
#contact-form .form-actions .button:disabled{opacity:.72;cursor:wait}
#contact-form .is-sending svg{display:none}
#contact-form .is-sending:after{content:"";width:17px;height:17px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:contact-spin .8s linear infinite}
#contact-form .form-status{margin-top:20px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#contact-form .form-status:empty{margin:0}
#contact-form .form-status[data-state=success]{padding:15px 18px;border-left:3px solid #174be6;background:#f1f6ff;color:#174394;border-radius:0 7px 7px 0}
#contact-form .form-status[data-state=error]{color:#9b3434}
#contact-form .form-note{font-size:13px;line-height:1.8;margin-top:17px;color:#6c7a8d}
#contact-form .contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
.visual-contact-form .contact-section{gap:8%;align-items:start}
.visual-contact-form .contact-aside>img{height:300px}
body[data-page=contact] .floating-contact{display:none}
@keyframes contact-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.visual-contact-form .contact-section{gap:50px}#contact-form .form-grid{gap:0 20px}}
@media(max-width:600px){body[data-page=contact] .to-top{display:none}#contact-form .form-grid{grid-template-columns:1fr;gap:0}#contact-form label{font-size:14px;margin-bottom:24px}#contact-form :is(input:not([type=checkbox]),select,textarea){padding:14px 15px;margin-top:8px}#contact-form .form-actions .button{width:100%;min-width:0}.visual-contact-form .contact-aside>img{height:220px}#contact-form .checkbox-label{font-size:13px}#contact-form .form-status{font-size:13px}}
@media(prefers-reduced-motion:reduce){#contact-form .is-sending:after{animation:none}#contact-form :is(input,select,textarea){transition:none}}