@property --promo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.promo-root{--promo-bg:#07050d;--promo-card:#ffffff0b;--promo-card-strong:#ffffff14;--promo-line:#ffffff1a;--promo-text:#f7f5ff;--promo-muted:#f7f5ffa8;--promo-violet:#7b2ff7;--promo-pink:#f107a3;--promo-orange:#ff8a00;--promo-blue:#0095f6;background:var(--promo-bg);color:var(--promo-text);overflow-x:clip}html:has(.promo-root){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07050d}html:has(.promo-root) body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07050d}.promo-gradient{background-image:linear-gradient(120deg, var(--promo-violet), var(--promo-pink), var(--promo-orange), var(--promo-pink), var(--promo-violet));background-size:200% 100%;animation:6s linear infinite promo-pan}.promo-gradient-text{background-image:linear-gradient(100deg, #a777ff, var(--promo-pink), var(--promo-orange), var(--promo-pink), #a777ff);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;padding-block:.06em;animation:5s linear infinite promo-pan}@keyframes promo-pan{to{background-position:-200% 0}}.promo-rise{animation:.9s cubic-bezier(.2,.8,.2,1) both promo-rise}@keyframes promo-rise{0%{opacity:0;filter:blur(10px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}.promo-aurora{pointer-events:none;height:120%;position:absolute;inset:-20% -10% auto}.promo-aurora>span{opacity:.55;will-change:transform;border-radius:9999px;position:absolute}.promo-aurora>span:first-child{inset-inline-start:-12vmax;background:radial-gradient(closest-side,#7b2ff7bf,#0000);width:55vmax;height:55vmax;animation:18s ease-in-out infinite alternate promo-drift-a;top:-14vmax}.promo-aurora>span:nth-child(2){inset-inline-end:-10vmax;background:radial-gradient(closest-side,#f107a399,#0000);width:46vmax;height:46vmax;animation:22s ease-in-out infinite alternate promo-drift-b;top:-6vmax}.promo-aurora>span:nth-child(3){inset-inline-start:30%;background:radial-gradient(closest-side,#ff8a006b,#0000);width:40vmax;height:40vmax;animation:26s ease-in-out infinite alternate promo-drift-c;top:30%}@keyframes promo-drift-a{to{transform:translate(14vmax,10vmax)scale(1.15)}}@keyframes promo-drift-b{to{transform:translate(-16vmax,14vmax)scale(.9)}}@keyframes promo-drift-c{to{transform:translate(-10vmax,-14vmax)scale(1.2)}}.promo-grid{pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 35%,#000 20%,#0000 75%)}.promo-grain{pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.promo-spotlight{pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,30%), #a777ff29, transparent 60%);position:absolute;inset:0}.promo-cta{isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,0 10px 40px -8px #f107a3a6,0 4px 18px -6px #7b2ff7b3}.promo-cta:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:3.6s ease-in-out infinite promo-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes promo-shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.promo-ring{isolation:isolate;position:relative}.promo-ring:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--promo-angle), transparent 0deg, var(--promo-pink) 60deg, var(--promo-orange) 110deg, transparent 170deg, transparent 190deg, var(--promo-violet) 260deg, transparent 330deg);padding:1px;animation:4s linear infinite promo-angle;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}@keyframes promo-angle{to{--promo-angle:360deg}}.promo-marquee{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.promo-marquee-track{width:max-content;animation:promo-marquee var(--promo-marquee-duration,40s) linear infinite;display:flex}.promo-marquee-track[data-reverse]{animation-direction:reverse}.promo-marquee:hover .promo-marquee-track{animation-play-state:paused}[dir=rtl] .promo-marquee-track{animation-name:promo-marquee-rtl}@keyframes promo-marquee{to{transform:translate(-50%)}}@keyframes promo-marquee-rtl{to{transform:translate(50%)}}.promo-float{animation:6s ease-in-out infinite promo-float}@keyframes promo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.promo-spin{animation:promo-spin var(--promo-spin-duration,60s) linear infinite}.promo-spin-reverse{animation:promo-spin var(--promo-spin-duration,60s) linear infinite reverse}@keyframes promo-spin{to{transform:rotate(360deg)}}.promo-ping{animation:1.8s cubic-bezier(0,0,.2,1) infinite promo-ping}@keyframes promo-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.promo-flow{stroke-dasharray:4 8;animation:1.6s linear infinite promo-flow}@keyframes promo-flow{to{stroke-dashoffset:-24px}}.promo-card{isolation:isolate;background:var(--promo-card);border:1px solid var(--promo-line);position:relative}.promo-card:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(380px circle at var(--cx,50%) var(--cy,0%), #f107a3e6, #7b2ff799 30%, transparent 60%);opacity:0;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-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}.promo-card:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(500px circle at var(--cx,50%) var(--cy,0%), #a777ff1a, transparent 50%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.promo-card:hover:before,.promo-card:hover:after{opacity:1}@media (hover:none){.promo-card:before{opacity:.45}}.promo-tight{letter-spacing:-.035em}:where([dir=rtl]) .promo-tight{letter-spacing:0}.promo-feed{animation:9s linear infinite promo-feed}@keyframes promo-feed{to{transform:translateY(-50%)}}.promo-beat{animation:2.4s ease-in-out infinite promo-beat}@keyframes promo-beat{0%,to{transform:scale(1)}8%{transform:scale(1.22)}16%{transform:scale(.96)}24%{transform:scale(1.12)}34%{transform:scale(1)}}.promo-scroll-dot{animation:1.8s ease-in-out infinite promo-scroll-dot}@keyframes promo-scroll-dot{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(0)}}
