.demo-modal[hidden],.demo-success-notice[hidden]{display:none}.demo-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.demo-modal-backdrop{position:absolute;inset:0;background:rgba(8,20,37,.68);backdrop-filter:blur(5px)}.demo-dialog{position:relative;width:min(100%,560px);max-height:min(720px,calc(100vh - 40px));overflow:auto;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.35);padding:38px}.demo-dialog h2{margin:0 32px 10px 0;color:#14233a;font-size:32px;line-height:1.12;letter-spacing:-.035em}.demo-dialog>p:not(.eyebrow){margin:0 0 24px;color:#617087}.demo-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#eef3f8;color:#34455d;font-size:25px;line-height:1;cursor:pointer}.demo-close:hover{background:#dce7f1}.demo-dialog form{display:grid;gap:15px}.demo-dialog label{display:grid;gap:6px;color:#354761;font-size:13px;font-weight:700}.field-optional{color:#718196;font-size:12px;font-weight:500}.demo-dialog input,.demo-dialog textarea{width:100%;border:1px solid #c8d6e4;border-radius:9px;padding:11px 12px;color:#18283d;font:inherit;font-size:15px;resize:vertical}.demo-dialog input:focus,.demo-dialog textarea:focus{outline:3px solid rgba(22,118,210,.18);border-color:#1676d2}.demo-dialog .button{border:0;cursor:pointer;margin-top:4px}.demo-form-note{margin:0;color:#667990;font-size:12px;line-height:1.45}.demo-form-note.is-ready{color:#15835a;font-weight:650}.demo-form-note.is-error{color:#be123c;font-weight:650}.demo-success-notice{position:fixed;z-index:60;top:50%;left:50%;display:grid;justify-items:center;gap:6px;width:min(440px,calc(100% - 32px));margin:0;padding:25px 28px;border:1px solid #86efac;border-radius:18px;background:#f0fdf4;box-shadow:0 24px 55px rgba(15,23,42,.28);color:#166534;font-size:16px;line-height:1.4;text-align:center;transform:translate(-50%,-50%)}.demo-success-notice strong{font-size:21px;line-height:1.2}.demo-success-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#16a34a;color:#fff;font-size:25px;font-weight:800;line-height:1}.demo-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}@media(max-width:520px){.demo-modal{padding:12px}.demo-dialog{padding:30px 23px}.demo-dialog h2{font-size:28px}.demo-success-notice{padding:22px 20px}.demo-success-notice strong{font-size:19px}}