.demo-dialog{color:#fff4e6;background:0 0;border:none;width:min(96vw,1180px);max-width:none;max-height:94dvh;margin:auto;padding:0;overflow:visible}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0216c7}.demo-dialog[open]{animation:.24s ease-out demo-dialog-in}.demo-dialog__panel{background:linear-gradient(160deg,#3a1566 0%,#1e0838 100%);border:1px solid #ff3fa46b;border-radius:24px;flex-direction:column;max-height:94dvh;display:flex;overflow:hidden;box-shadow:0 40px 90px -40px #000000f2}@media (min-width:1240px){.demo-dialog__panel{border-radius:32px}}.demo-dialog__head{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding:11px 14px;display:flex}@media (min-width:734px){.demo-dialog__head{padding:14px 20px}}.demo-dialog__eyebrow{font-family:var(--font-display),"Trebuchet MS",system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ff8dc7;font-size:10px;font-weight:600}@media (min-width:734px){.demo-dialog__eyebrow{font-size:11px}}.demo-dialog__title{font-family:var(--font-display),"Trebuchet MS",system-ui,sans-serif;color:#fff;font-size:17px;font-weight:700;line-height:1.2}@media (min-width:734px){.demo-dialog__title{font-size:21px}}.demo-dialog__close{color:#fff4e6;border-radius:10px;flex-shrink:0;padding:7px;transition:background .18s,color .18s;display:flex}.demo-dialog__close:hover{color:#fff;background:#ff3fa438}.demo-dialog__frame{aspect-ratio:3/4;background:#000;width:100%;position:relative}@media (min-width:734px){.demo-dialog__frame{aspect-ratio:16/9}}.demo-dialog__frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-dialog__foot{border-top:1px solid #ffffff1f;padding:10px 14px 12px}@media (min-width:734px){.demo-dialog__foot{padding:12px 20px 14px}}.demo-dialog__foot p{color:#9b7fbf;font-size:12px;line-height:1.55}@keyframes demo-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.demo-dialog[open]{animation:none}.demo-dialog__close{transition:none}}.demo-button{font-family:var(--font-display),"Trebuchet MS",system-ui,sans-serif;letter-spacing:.02em;text-align:center;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 26px;font-size:15px;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}@media (min-width:1240px){.demo-button{padding:17px 32px;font-size:16px}}.demo-button:hover{transform:translateY(-2px)}.demo-button:active{transform:translateY(0)}.demo-button{color:#fff4e6;background:#ffffff14;border:1px solid #ffffff38}.demo-button:hover{background:#ffffff24}.demo-button--primary{font-family:var(--font-display),"Trebuchet MS",system-ui,sans-serif;letter-spacing:.02em;text-align:center;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 26px;font-size:15px;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}@media (min-width:1240px){.demo-button--primary{padding:17px 32px;font-size:16px}}.demo-button--primary:hover{transform:translateY(-2px)}.demo-button--primary:active{transform:translateY(0)}.demo-button--primary{color:#fff;background:linear-gradient(135deg,#ff3fa4 0%,#7b3fe4 100%);box-shadow:0 10px 26px #ff3fa46b}.demo-button--primary:hover{background:linear-gradient(135deg,#ff56b1 0%,#8c55ea 100%);box-shadow:0 14px 32px #ff3fa48c}.demo-button--gold{font-family:var(--font-display),"Trebuchet MS",system-ui,sans-serif;letter-spacing:.02em;text-align:center;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 26px;font-size:15px;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}@media (min-width:1240px){.demo-button--gold{padding:17px 32px;font-size:16px}}.demo-button--gold:hover{transform:translateY(-2px)}.demo-button--gold:active{transform:translateY(0)}.demo-button--gold{color:#3b1a00;background:linear-gradient(135deg,#ffd54a 0%,#ff9d2e 100%);box-shadow:0 10px 24px #ff9d2e66}.demo-button--block{width:100%}.demo-button__icon{fill:currentColor;flex-shrink:0;width:15px;height:15px}