.demo-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:10000;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;-webkit-overflow-scrolling:touch}.demo-modal.active{display:flex;align-items:center;justify-content:center;opacity:1}.demo-modal-content{position:relative;width:90%;max-width:1200px;max-height:calc(100vh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#1a1a2e,#0a0a0a);border-radius:24px;padding:40px;box-shadow:0 50px 100px #000c;border:1px solid rgba(82,39,255,.3);transform:scale(.9);transition:transform .3s ease}.demo-modal.active .demo-modal-content{transform:scale(1)}.demo-close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;color:#fff;transition:all .3s ease;z-index:10}.demo-close:hover{background:#fff3;transform:rotate(90deg)}.demo-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px;padding-right:56px}.demo-subtitle{font-size:1.125rem;color:#fffc}.demo-iframe{display:block;min-height:500px;height:70vh;max-height:720px}@media (max-width: 640px){.demo-modal.active{align-items:flex-start}.demo-modal-content{width:100%;max-width:100%;min-height:100vh;min-height:100dvh;max-height:none;border-radius:0;padding:64px 16px 16px;border:none}.demo-iframe{min-height:calc(100dvh - 180px);height:calc(100dvh - 180px);max-height:none}.demo-title{font-size:1.375rem;padding-right:52px}.demo-subtitle{font-size:.9375rem}}