.demo-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:10000;padding:16px}.demo-modal-backdrop.show{display:flex}.demo-modal{width:min(560px,100%);background:#111827;color:#e5e7eb;border:1px solid #374151;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:24px;outline:none}.demo-modal h2{margin:0 0 12px;font-size:1.35rem}.demo-modal p{margin:0 0 12px;line-height:1.6;color:#d1d5db}.demo-modal ul{margin:0 0 18px 20px;padding:0;color:#d1d5db;line-height:1.6}.demo-modal .actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.demo-modal button{border:none;border-radius:12px;padding:10px 16px;font:inherit;cursor:pointer}.demo-modal .primary{background:#60a5fa;color:#08111f;font-weight:700}.demo-modal .secondary{background:transparent;color:#e5e7eb;border:1px solid #4b5563}.demo-modal .close-x{position:absolute;top:14px;right:14px;background:transparent;color:#9ca3af;border:none;font-size:1.25rem;line-height:1;padding:6px}.demo-modal-wrap{position:relative}body.modal-open{overflow:hidden}