.demo-dialog{width:min(1000px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #35455f;border-radius:24px;background:#0b1220;color:#eaf1fc;overflow:auto;box-shadow:0 35px 120px #000a}.demo-dialog::backdrop{background:#02050bbd;backdrop-filter:blur(10px)}.demo-close{position:absolute;right:15px;top:12px;z-index:2;width:34px;height:34px;background:#172236;border:1px solid #40516b;border-radius:50%;color:#eaf1fc;font-size:23px;cursor:pointer}.demo-studio{display:grid;grid-template-columns:.85fr 1.15fr;min-height:640px}.demo-overview{padding:32px 30px 24px;background:radial-gradient(ellipse at 50% 40%,#18345380,transparent 60%),linear-gradient(145deg,#111f34,#080e1b);border-right:1px solid #293950;position:relative;overflow:hidden}.demo-overview h2{font:500 27px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.7px;max-width:290px;margin:15px 0}.demo-presenter{height:300px;display:flex;align-items:center;position:relative}.demo-presenter img{width:170px;height:270px;object-fit:contain;filter:drop-shadow(0 12px 30px #3c78d83b)}.demo-presenter p{font-size:12px;line-height:1.7;border:1px solid #425c7a;border-radius:14px 14px 14px 2px;padding:12px;flex:1;background:#172c435e;margin-left:-18px;z-index:1}.demo-step-list{list-style:none;margin:5px 0 20px;padding:0;display:grid;gap:9px}.demo-step-list li{display:flex;gap:12px;align-items:center;color:#8093ad;font-size:12px}.demo-step-list b{display:grid;place-items:center;width:26px;height:26px;border:1px solid #41506a;border-radius:50%;font-size:10px}.demo-step-list [aria-current=step]{color:#e6f2ff}.demo-step-list [aria-current=step] b{background:#c5dffd;color:#0c1728;box-shadow:0 0 0 4px #c5dffd12}.demo-step-list .is-complete b{color:#8bd9c4;border-color:#598c82}.demo-privacy{font-size:10px;line-height:1.7;color:#899bb3;max-width:290px}.demo-form.contact-form{display:flex;flex-direction:column;gap:18px;padding:40px 32px 28px;min-width:0;align-self:stretch}.demo-form [data-demo-step]{flex:1}.demo-form [hidden],.demo-form-actions[hidden]{display:none!important}.demo-form h2{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin:14px 0}.demo-form p{color:#9eb0c8;font-size:12px;line-height:1.7}.demo-form label{font-size:11px;color:#b1c6df;display:grid;gap:7px;margin-top:15px}.demo-form input,.demo-form select,.demo-form textarea{font-family:inherit;font-size:12px;padding:11px 12px;color:#edf4ff;background:#0a101d;border:1px solid #344158;border-radius:8px;width:100%;min-height:41px}.demo-form input:focus,.demo-form textarea:focus,.demo-form select:focus{outline:2px solid #9ccaff;outline-offset:2px}.demo-form .form-pair{gap:14px}.demo-choices{border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:22px 0}.demo-choices label{margin:0;position:relative;display:block;cursor:pointer}.demo-choices input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.demo-choices span{display:flex;gap:9px;align-items:center;padding:14px 11px;background:#0f1a2a;border:1px solid #304158;border-radius:10px;min-height:65px;font-size:12px;line-height:1.5}.demo-choices b{font-size:9px;color:#759ac0;font-weight:500}.demo-choices input:checked+span{background:#1c3550;border-color:#a8d2ff;color:#e7f3ff}.demo-choices input:checked+span:after{content:'✓';margin-left:auto;color:#b2d9ff}.demo-choices input:focus-visible+span{outline:2px solid #c3e1ff;outline-offset:3px}.demo-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:5px}.demo-form .button{font-size:11px;min-height:41px;padding:12px 18px}.demo-review{display:grid;grid-template-columns:85px 1fr;gap:10px;font-size:11px;line-height:1.7;margin:22px 0;overflow-wrap:anywhere}.demo-review dt{color:#7f9cbd}.demo-review dd{margin:0;color:#e4edfa}.demo-otp{margin:12px 0!important;padding:14px!important}.demo-otp button{font:inherit;cursor:pointer;color:#dcecff;background:#15243a;border:1px solid #4b6382;border-radius:20px;padding:9px 13px}.demo-otp [data-demo-code-entry]{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px}.demo-otp label{margin:0}.demo-form .demo-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6}.demo-consent input{width:16px;min-height:16px;height:16px;flex:0 0 16px;margin-top:2px;accent-color:#b8d9ff}.demo-form .form-status{font-size:11px;margin:0;line-height:1.7;color:#bad8fb}.demo-success{margin:auto 0;text-align:center}.success-symbol{display:inline-grid;width:60px;height:60px;place-items:center;background:#123c38;border:1px solid #5daa9e;border-radius:50%;color:#b6f3df}.success-symbol svg{width:27px}.demo-success .button{display:inline-flex;margin-top:20px}
@media(max-width:700px){.demo-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:17px}.demo-studio{grid-template-columns:1fr;min-height:0}.demo-overview{border-right:0;border-bottom:1px solid #293950;padding:22px}.demo-overview h2{font-size:23px;max-width:75%;margin-bottom:15px}.demo-presenter{height:110px;position:absolute;right:8px;top:35px;width:110px;pointer-events:none}.demo-presenter img{height:120px;width:90px}.demo-presenter p,.demo-privacy{display:none}.demo-step-list{display:flex;gap:17px;margin:0;flex-wrap:wrap}.demo-step-list li{gap:5px;font-size:9px}.demo-step-list b{width:20px;height:20px;font-size:8px}.demo-form.contact-form{padding:22px;gap:18px}.demo-form h2{font-size:22px;margin:12px 0}.demo-choices{margin:18px 0}.demo-choices span{font-size:11px;padding:11px;min-height:61px}.demo-review{grid-template-columns:75px 1fr}.demo-close{top:9px;right:9px;width:29px;height:29px}.demo-form .form-pair{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:no-preference){.demo-dialog[open]{animation:demo-enter .23s ease-out}@keyframes demo-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}}