button,input{font:inherit}button{cursor:pointer}.btn{border:0;font-size:inherit;line-height:inherit}.btn:focus-visible,.navbtn:focus-visible,.modal-close:focus-visible{outline:3px solid var(--o);outline-offset:4px}body.modal-open{overflow:hidden}.demo-modal{width:min(560px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:36px;border:1px solid var(--l);border-radius:22px;background:var(--w);color:var(--g);box-shadow:0 24px 80px #123f3240}.demo-modal::backdrop{background:#09291fcc;backdrop-filter:blur(4px)}.demo-modal h2{font-size:38px;padding-right:28px}.modal-close{position:absolute;right:18px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#e7eee5;color:var(--g);font-size:26px;line-height:1}.demo-form{display:grid;gap:17px;margin-top:26px}.form-field{display:grid;gap:6px}.form-field label{font-size:14px;font-weight:700}.form-field input{width:100%;min-width:0;border:1px solid #b9c8be;border-radius:9px;padding:12px;background:#fff;color:var(--g)}.form-field input:focus{outline:2px solid var(--g);outline-offset:2px}.form-note{margin:0;font-size:13px;color:#52635c}.form-status{margin:0;padding:12px 14px;border-radius:9px;background:#e7eee5;font-size:14px}.form-status[data-state="error"]{background:#fff0e9;color:#8b311b}.form-status:empty{display:none}.demo-form .btn{width:100%}.demo-form .btn:disabled{opacity:.65;cursor:wait}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:520px){.demo-modal{padding:28px 22px}.demo-modal h2{font-size:34px}}