.contact-form{display:grid;gap:20px;max-width:680px;margin:32px 0;text-align:left}
.contact-form-field{display:grid;gap:6px;min-width:0}
.contact-form label{font-size:16px;font-weight:600;color:#15242f;margin:0}
.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #bdccd7;border-radius:12px;padding:14px 16px;background:#fff;color:#15242f;font:inherit;font-size:16px;line-height:1.5}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:3px solid #2686ca;outline-offset:3px}
.contact-form button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:12px;padding:14px 26px;background:#2278b9;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.contact-form button:disabled{opacity:.65;cursor:wait}
.contact-form p{font-size:15px;line-height:1.6;margin:6px 0}
.contact-form a{color:#17699e;text-decoration:underline;text-underline-offset:3px}
.contact-form [role=status]{min-height:1.6em;color:#15242f}
@media(max-width:480px){.contact-form button{width:100%;justify-self:stretch}}
.contact-form [data-state=success]{padding:14px 18px;border-radius:12px;background:#e8f7ef;color:#166344;font-weight:600}
.contact-form [data-state=error]{padding:14px 18px;border-radius:12px;background:#fff0ef;color:#9b2923}
.contact-confirmation{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:36px 28px 28px;border:1px solid #dce8f0;border-radius:24px;background:#fff;color:#15242f;text-align:center;box-shadow:0 24px 90px #092a4540}
.contact-confirmation[open]{animation:contact-confirmation-in .25s ease-out}
.contact-confirmation::backdrop{background:#102b4666;backdrop-filter:blur(4px)}
.contact-confirmation h2{margin:20px 0 12px;font-size:30px;line-height:1.15}
.contact-confirmation p{margin:0 0 24px;font-size:17px;line-height:1.6;color:#516a7d}
.contact-confirmation-icon{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:50%;background:#e4f6ed;color:#16835c}
.contact-confirmation-icon svg{width:48px;height:48px}
.contact-confirmation[open] path{stroke-dasharray:48;stroke-dashoffset:0;animation:contact-check .5s ease-out}
.contact-confirmation button{width:100%;min-height:48px;padding:14px 24px;border:0;border-radius:12px;background:#2278b9;color:white;font:inherit;font-weight:700;cursor:pointer}
.contact-confirmation button:hover{background:#185f96}
.contact-confirmation button:focus-visible{outline:3px solid #2686ca;outline-offset:4px}
@keyframes contact-confirmation-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes contact-check{from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.contact-confirmation[open],.contact-confirmation[open] path{animation:none}}