.demo-modal-open{overflow:hidden}.demo-dialog[hidden],.demo-dialog [hidden]{display:none!important}.demo-dialog{position:fixed;inset:0;width:min(880px,calc(100% - 34px));max-height:min(92dvh,760px);padding:0;border:0;border-radius:22px;background:#fff;color:#183554;box-shadow:0 35px 90px #04193680;overflow:auto}.demo-dialog::backdrop{background:#061934b8;backdrop-filter:blur(5px)}.demo-dialog-grid{display:grid;grid-template-columns:35% 65%;min-height:610px}.demo-dialog-aside{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 28%,#20528e,transparent 45%),linear-gradient(145deg,#081e40,#103769);color:#fff;padding:42px 31px;display:flex;flex-direction:column}.demo-dialog-aside:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff31;border-radius:50%;top:93px;left:-80px;box-shadow:0 0 0 50px #ffffff0b,0 0 0 105px #ffffff08}.demo-dialog-kicker,.demo-form-kicker{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#a8e8db}.demo-dialog-mark{display:grid;place-items:center;width:77px;height:77px;margin:82px 0 20px;border:1px solid #ffffff49;border-radius:20px;background:#ffffff1b;color:#b2eadc;font-size:47px;transform:rotate(-8deg);position:relative;z-index:1}.demo-dialog-aside h2{font:800 30px/1.25 Manrope,Arial,sans-serif;letter-spacing:-1.2px;position:relative;z-index:1;margin:0}.demo-dialog-aside h2 em{color:#aee8db;font-style:normal}.demo-dialog-aside p{font-size:12px;line-height:1.8;color:#c3d3e7;position:relative;z-index:1}.demo-dialog-steps{position:relative;z-index:1;display:grid;gap:11px;margin-top:auto}.demo-dialog-steps span{font-size:10px;color:#ceddeb}.demo-dialog-steps b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:7px;background:#ffffff1b;color:#b1e9dc;font-size:9px}.demo-dialog-content{padding:40px 48px;display:flex;align-items:center}.demo-form-panel,.demo-success{width:100%}.demo-form-kicker{color:#356ae6}.demo-form-panel h2,.demo-success h2{font:800 28px Manrope,Arial,sans-serif;letter-spacing:-1px;margin:9px 0 5px}.demo-form-panel>p,.demo-success p{font-size:12px;color:#7a8ea4;line-height:1.7;margin:0 0 23px}.demo-close{position:absolute;right:18px;top:17px;z-index:3;display:grid;place-items:center;width:32px;height:32px;border:1px solid #e4eaf2;background:#fff;color:#527197;border-radius:8px;font-size:22px;line-height:1}.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 13px}.demo-fields label,.demo-message-label{display:block;font-size:10px;font-weight:800;color:#284263;margin-bottom:6px}.demo-fields label span{color:#e26168}.demo-fields input,.demo-form-panel textarea{display:block;width:100%;border:1px solid #dfe7f1;border-radius:8px;padding:10px 11px;background:#fff;color:#19385e;outline:none;font-size:11px}.demo-fields input:focus,.demo-form-panel textarea:focus{border-color:#3971e9;box-shadow:0 0 0 3px #3971e91e}.demo-fields input::placeholder,.demo-form-panel textarea::placeholder{color:#a0aec0}.demo-message-label{margin-top:15px}.demo-form-panel textarea{resize:vertical;min-height:66px}.demo-permission{display:flex;align-items:flex-start;gap:9px;color:#526b88;font-size:10px;line-height:1.5;margin-top:15px;cursor:pointer}.demo-permission input{accent-color:#356ae8;margin:1px 0 0;flex:0 0 auto}.demo-privacy{font-size:9px;line-height:1.6;color:#8a9db0;margin:8px 0 17px}.demo-privacy a{color:#3268e4;text-decoration:underline}.demo-form-error{background:#fff0f1;border:1px solid #ffd4d8;color:#a33d49;border-radius:8px;padding:9px 11px;font-size:10px;line-height:1.5;margin-bottom:13px}.demo-submit,.demo-success button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 16px;border:0;border-radius:9px;background:#346be9;color:#fff;font:800 11px Manrope,Arial,sans-serif}.demo-submit span{font-size:17px;font-weight:400}.demo-submit:disabled{opacity:.6;cursor:wait}.demo-success{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:400px}.demo-success>span{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:#e0f7ed;color:#25a677;font-size:31px}.demo-success h2{margin-top:22px}.demo-success button{justify-content:center;max-width:180px;margin-top:13px}.demo-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){.demo-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);border-radius:16px}.demo-dialog-grid{grid-template-columns:1fr;min-height:0}.demo-dialog-aside{padding:20px 24px 16px}.demo-dialog-mark,.demo-dialog-steps,.demo-dialog-aside>p{display:none}.demo-dialog-aside h2{font-size:19px;margin-top:7px}.demo-dialog-content{padding:25px 24px 28px}.demo-close{top:13px;right:13px}.demo-form-panel h2{font-size:24px}.demo-form-panel>p{margin-bottom:17px}}
@media(max-width:460px){.demo-fields{grid-template-columns:1fr;gap:10px}.demo-fields input{padding:9px 10px}.demo-message-label{margin-top:10px}.demo-dialog-content{padding:20px 20px 24px}.demo-dialog-aside{padding:17px 20px}.demo-form-panel h2{font-size:22px}.demo-form-panel>p{font-size:11px}.demo-permission{margin-top:11px}}
.demo-fields label,.demo-message-label{font-size:11px}.demo-fields input,.demo-form-panel textarea{font-size:13px}.demo-permission{font-size:11px}.demo-privacy{font-size:10px}.demo-submit{font-size:12px}
@media(max-width:460px){.demo-fields input,.demo-form-panel textarea{font-size:16px}}