.demo-modal[hidden]{display:none!important}
.demo-modal.is-server-visible{display:grid!important}
.demo-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;isolation:isolate}
.demo-modal__backdrop{position:absolute;inset:0;background:rgba(3,12,38,.66);backdrop-filter:blur(8px);z-index:-1}
.demo-modal__card{position:relative;width:min(100%,520px);padding:42px 42px 36px;border-radius:28px;background:#fff;color:#0a1d4b;box-shadow:0 30px 80px rgba(1,8,30,.35);text-align:center;animation:demo-modal-in .34s cubic-bezier(.2,.8,.2,1)}
.demo-modal__close{position:absolute;top:15px;right:18px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:24px;line-height:1;color:#53617e;text-decoration:none;background:#f4f6fb}
.demo-modal__check{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;border-radius:50%;font:700 34px/1 Arial;color:#fff;background:linear-gradient(135deg,#7542f8,#22cce0);box-shadow:0 14px 30px rgba(83,92,238,.32)}
.demo-modal__eyebrow{margin:0 0 8px;color:#6f46ee;font-weight:800;font-size:12px;letter-spacing:.12em}
.demo-modal h2{margin:0 0 12px;font-family:'Playfair Display',Georgia,serif;font-size:33px;line-height:1.08;color:#071b48}
.demo-modal__card>p:not(.demo-modal__eyebrow){margin:0 auto 24px;max-width:410px;color:#60708f;font-size:16px;line-height:1.6}
.demo-modal__button{display:flex;align-items:center;justify-content:center;min-height:50px;width:100%;border-radius:13px;text-decoration:none;font-weight:800;color:#fff;background:linear-gradient(90deg,#7043f4,#2bc8dc);box-shadow:0 12px 28px rgba(83,92,238,.25)}
body.demo-modal-open{overflow:hidden}
@keyframes demo-modal-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.demo-modal{padding:16px}.demo-modal__card{padding:38px 24px 26px;border-radius:22px}.demo-modal h2{font-size:28px}}