@layer components{.contact-form{position:relative}.contact-form .form-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.contact-form .form-field{min-width:0;margin-bottom:24px}.contact-form label{margin-bottom:9px;font-size:16px;font-weight:500;display:block}.contact-form .optional{color:#747e90;margin-left:8px;font-size:14px;font-weight:400}.contact-form input,.contact-form textarea{width:100%;color:var(--ink);border-radius:var(--radius-control);background:#fff;border:1px solid #bfc9d9;padding:11px 14px;font-size:17px;line-height:1.55;transition:border-color .2s,box-shadow .2s}.contact-form input{min-height:52px}.contact-form textarea{resize:vertical;height:clamp(150px,20svh,210px);min-height:150px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2945d512}.contact-form [aria-invalid=true]{border-color:#a32d44}.contact-form .field-error{color:#a32d44;margin-top:8px;font-size:14px}.contact-form .honeypot{width:1px;height:1px;position:absolute;top:0;left:-10000px;overflow:hidden}.contact-form .form-submit{margin-top:2px}.contact-form .form-status{color:var(--muted);margin-top:18px;font-size:16px}.contact-form .form-status:empty{margin-top:0}.contact-form .form-status.is-error{color:#a32d44}.contact-success{padding-block:55px}.success-icon{color:var(--blue);font-size:60px}.contact-success h2{margin-top:20px}.contact-success .text-link{margin-top:30px}}@layer responsive{@media (max-width:740px){.contact-form .form-row{gap:14px}.contact-form .form-field{margin-bottom:22px}.contact-form .form-submit{width:100%}.contact-form textarea{height:160px}}}
@layer components{.contact-page{min-height:calc(100svh - var(--header-height));background:linear-gradient(115deg,#e8eefc 0%,#f0f3fc 43%,var(--paper) 78%);align-items:center;padding-block:clamp(32px,5svh,64px) clamp(48px,7svh,80px);display:flex}.contact-layout{grid-template-columns:1fr 1.06fr;align-items:center;gap:80px;display:grid}.contact-intro h1{white-space:nowrap;font-size:clamp(42px,4.6vw,66px)}.contact-intro h1 span{color:var(--blue)}.contact-intro>p{color:var(--muted);max-width:510px;margin-top:30px;font-size:17px;line-height:1.85}.contact-form-wrap{border-radius:var(--radius-panel);background:#fff;border:1px solid #ccd6e8;width:100%;padding:32px;box-shadow:0 14px 40px #243a6410}}@layer responsive{@media (max-width:1200px){.contact-layout{gap:48px}.contact-intro h1{font-size:52px}}@media (max-width:1000px){.contact-layout{gap:35px}.contact-intro h1{font-size:42px}.contact-form-wrap{padding:28px}}@media (max-width:740px){.contact-page{padding-block:40px 56px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-intro h1{font-size:clamp(40px,9vw,60px)}.contact-intro>p{margin-top:20px}.contact-form-wrap{padding:26px}}@media (max-width:385px){.contact-form-wrap{padding:24px 20px}}}