@layer components{.ol-cta{--cta-h:52px;--cta-px:26px;--cta-fs:16px;--cta-r:14px;isolation:isolate;height:var(--cta-h);padding:0 var(--cta-px);border-radius:var(--cta-r);font-family:var(--ol-font-body,system-ui, sans-serif);font-size:var(--cta-fs);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .22s var(--ol-ease-out,cubic-bezier(.16, 1, .3, 1)), box-shadow .26s var(--ol-ease,ease), background-position .52s var(--ol-ease-out,cubic-bezier(.16, 1, .3, 1)), background-color .2s var(--ol-ease,ease), color .2s var(--ol-ease,ease);justify-content:center;align-items:center;gap:10px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.ol-cta:focus-visible{box-shadow:0 0 0 2px var(--ol-bg,#0a0a0f), 0 0 0 5px var(--ol-focus-ring,#7c5cff8c);outline:none}.ol-cta--md{--cta-h:40px;--cta-px:18px;--cta-fs:14px;--cta-r:11px;gap:8px}@media (max-width:639px){.ol-cta--lg{--cta-h:46px;--cta-px:20px;--cta-fs:15px;--cta-r:12px}}.ol-cta>svg{transition:transform .26s var(--ol-ease-out,cubic-bezier(.16, 1, .3, 1));flex:none}.ol-cta--primary{color:#fff;text-shadow:0 1px #0000002e;background-image:linear-gradient(110deg,#8f72ff 0%,#7c5cff 28%,#b46cf1 58%,#f472b6 86%,#8f72ff 100%);background-position:0%;background-size:240% 100%;box-shadow:inset 0 1px #ffffff52,inset 0 -1px #0000002e,0 1px 2px #0006,0 10px 28px -8px #7c5cff8c,0 6px 22px -10px #f472b659}.ol-cta--primary:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff57 50%,#fff0 100%);width:55%;position:absolute;inset:-40% auto -40% -70%;transform:skew(-22deg)translate(0)}.ol-cta--primary:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff59,#ffffff0a 60%,#ffffff1f);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover){.ol-cta--primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000002e,0 2px 4px #00000059,0 18px 40px -10px #7c5cffb3,0 12px 36px -12px #f472b68c}.ol-cta--primary:hover:before{animation:ol-cta-sheen .9s var(--ol-ease-out,cubic-bezier(.16, 1, .3, 1)) 60ms both}.ol-cta--primary:hover>svg{transform:translate(3px)}}.ol-cta--primary:active{transition-duration:80ms;transform:translateY(0)scale(.985)}@keyframes ol-cta-sheen{0%{opacity:0;transform:skew(-22deg)translate(0)}12%{opacity:1}to{opacity:0;transform:skew(-22deg)translate(420%)}}.ol-cta--secondary{color:var(--ol-text,#ededf2);background-color:color-mix(in srgb, var(--ol-surface-elevated,#1e1e28) 62%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);box-shadow:inset 0 1px #ffffff12,0 1px 2px #00000059,0 8px 24px -12px #0009}.ol-cta--secondary:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.6;transition:opacity .24s var(--ol-ease,ease);pointer-events:none;background:linear-gradient(120deg,#a78bfa8c,#ffffff24 45%,#f472b680);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ol-cta--secondary:after{content:"";border-radius:inherit;opacity:0;transition:opacity .26s var(--ol-ease,ease);pointer-events:none;z-index:-1;background:radial-gradient(120% 90% at 50% 120%,#7c5cff47,#f472b614 45%,#0000 70%);position:absolute;inset:0}@media (hover:hover){.ol-cta--secondary:hover{color:#fff;background-color:color-mix(in srgb, var(--ol-surface-elevated,#1e1e28) 82%, transparent);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000059,0 14px 34px -14px #7c5cff73}.ol-cta--secondary:hover:before,.ol-cta--secondary:hover:after{opacity:1}}.ol-cta--secondary:active{transition-duration:80ms;transform:translateY(0)scale(.985)}.ol-cta:disabled{cursor:not-allowed;opacity:.62;transform:none}.ol-cta--ghost{color:var(--ol-text-secondary,#a1a1b0);background-color:#0000}@media (hover:hover){.ol-cta--ghost:hover{color:var(--ol-text,#ededf2);background-color:#ffffff0f}}@media (prefers-reduced-motion:reduce){.ol-cta,.ol-cta:before,.ol-cta:after,.ol-cta>svg{transition:none;animation:none!important}.ol-cta:hover{transform:none}}}