.demo-gate[data-v-63f6d6b2]{z-index:120;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03040cc7;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.demo-gate__panel[data-v-63f6d6b2]{color:#f8f7ff;background:radial-gradient(circle at 90% 0,#a855f72e,#0000 17rem),linear-gradient(155deg,#17182b,#0e0f1d 72%);border:1px solid #a78bfa61;border-radius:26px;width:min(100%,540px);max-height:min(760px,100dvh - 40px);padding:clamp(26px,5vw,42px);position:relative;overflow-y:auto;box-shadow:0 32px 90px #00000094,inset 0 0 0 1px #ffffff06}.demo-gate__panel[data-v-63f6d6b2]:focus{outline:none}.demo-gate__close[data-v-63f6d6b2]{color:#b8bfd4;width:44px;height:44px;font:inherit;cursor:pointer;background:#0f101eb8;border:1px solid #94a3b833;border-radius:13px;place-items:center;font-size:24px;display:grid;position:absolute;top:16px;right:16px}.demo-gate__close[data-v-63f6d6b2]:hover{color:#fff;border-color:#c4b5fd8c}.demo-gate__close[data-v-63f6d6b2]:focus-visible{outline-offset:3px;outline:3px solid #c4b5fd}.demo-gate__primary[data-v-63f6d6b2]:focus-visible{outline-offset:3px;outline:3px solid #c4b5fd}.demo-gate__secondary[data-v-63f6d6b2]:focus-visible{outline-offset:3px;outline:3px solid #c4b5fd}.demo-gate__mark[data-v-63f6d6b2]{gap:6px;width:-moz-fit-content;width:fit-content;margin-bottom:23px;display:flex}.demo-gate__mark span[data-v-63f6d6b2]{background:#6d5bd0;border-radius:50%;width:10px;height:10px}.demo-gate__mark span[data-v-63f6d6b2]:nth-child(2){background:#a855f7}.demo-gate__mark span[data-v-63f6d6b2]:nth-child(3){background:#ec4899}.demo-gate__kicker[data-v-63f6d6b2]{color:#c4b5fd;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}.demo-gate h2[data-v-63f6d6b2]{letter-spacing:-.035em;margin:0;padding-right:34px;font-size:clamp(28px,6vw,40px);line-height:1.08}.demo-gate__panel>p[data-v-63f6d6b2]:not(.demo-gate__kicker){color:#c5cadb;margin:17px 0 0;font-size:17px;line-height:1.65}.demo-gate__benefits[data-v-63f6d6b2]{color:#e5e7f3;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.demo-gate__benefits li[data-v-63f6d6b2]{align-items:flex-start;gap:10px;display:flex}.demo-gate__benefits span[data-v-63f6d6b2]{color:#86efac;font-weight:900}.demo-gate__actions[data-v-63f6d6b2]{gap:10px;margin-top:28px;display:grid}.demo-gate__primary[data-v-63f6d6b2],.demo-gate__secondary[data-v-63f6d6b2]{min-height:50px;font:inherit;text-align:center;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:900;text-decoration:none;display:inline-flex}.demo-gate__primary[data-v-63f6d6b2]{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7 65%,#ec4899);box-shadow:0 12px 30px #6366f138}.demo-gate__secondary[data-v-63f6d6b2]{color:#cbd5e1;cursor:pointer;background:#121324b8;border:1px solid #94a3b838}.demo-gate__secondary[data-v-63f6d6b2]:hover{color:#fff;border-color:#c4b5fd80}@media (max-width:520px){.demo-gate[data-v-63f6d6b2]{padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));place-items:end center}.demo-gate__panel[data-v-63f6d6b2]{border-radius:23px;max-height:calc(100dvh - 24px);padding:28px 22px 22px}}@media (prefers-reduced-motion:reduce){.demo-gate[data-v-63f6d6b2]{-webkit-backdrop-filter:none;backdrop-filter:none}}