@property --cmp-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.cmp-pre .cmp-rv{opacity:0;translate:0 28px;filter:blur(6px)}.cmp-pre .cmp-rv-card{opacity:0;transform:perspective(900px) rotateX(14deg) translateY(46px) scale(.96);filter:blur(8px)}.cmp-pre.cmp-in .cmp-rv,.cmp-pre.cmp-in .cmp-rv-card{opacity:1;translate:0 0;transform:none;filter:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .9s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),filter .7s ease;transition-delay:calc(var(--i, 0) * .11s)}.cmp-pre .cmp-row{opacity:0;translate:0 12px}.cmp-pre.cmp-in .cmp-row{opacity:1;translate:0 0;transition:opacity .5s ease,translate .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(min(var(--i, 0),14)*35ms + .12s)}.cmp-orb{position:absolute;border-radius:9999px;filter:blur(70px);opacity:.55;pointer-events:none;animation:cmp-drift 18s ease-in-out infinite alternate}.cmp-orb:nth-child(2){animation-duration:23s;animation-delay:-6s}.cmp-orb:nth-child(3){animation-duration:27s;animation-delay:-12s}@keyframes cmp-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(6%,-8%,0) scale(1.12)}to{transform:translate3d(-5%,6%,0) scale(.94)}}.cmp-grid-bg{background-image:linear-gradient(to right,rgba(91,33,182,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(91,33,182,.07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%)}.cmp-grid-bg-dark{background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 65% 70% at 50% 35%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 65% 70% at 50% 35%,#000 25%,transparent 75%)}.cmp-spark{position:absolute;width:3px;height:3px;border-radius:9999px;background:#fff;box-shadow:0 0 8px 2px #c4b5fdcc;opacity:0;animation:cmp-twinkle 4.5s ease-in-out infinite;pointer-events:none}@keyframes cmp-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1)}}.cmp-card{--cmp-accent: #7c3aed;position:relative;display:block;border-radius:24px;padding:1.5px;background:linear-gradient(140deg,#7c3aed38,#3b82f624 45%,#7c3aed1f);transform:perspective(1000px) rotateX(var(--cmp-rx, 0deg)) rotateY(var(--cmp-ry, 0deg)) translateY(var(--cmp-lift, 0px));transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;box-shadow:0 1px 2px #2925600a,0 10px 30px -12px #2925601f;isolation:isolate;outline:none}.cmp-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--cmp-angle),#7c3aed,#3b82f6,var(--cmp-accent),#a855f7,#7c3aed);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .4s ease;animation:cmp-spin 4s linear infinite;z-index:1;pointer-events:none}.cmp-card:after{content:"";position:absolute;top:12%;right:8%;bottom:-6%;left:8%;border-radius:32px;background:radial-gradient(closest-side,color-mix(in srgb,var(--cmp-accent) 45%,#7c3aed),transparent);filter:blur(28px);opacity:0;transition:opacity .45s ease;z-index:-1;pointer-events:none}@keyframes cmp-spin{to{--cmp-angle: 360deg}}.cmp-card:hover,.cmp-card:focus-visible{--cmp-lift: -6px;box-shadow:0 2px 4px #2925600d,0 28px 60px -20px #4c1d9559}.cmp-card:hover:before,.cmp-card:focus-visible:before{opacity:1}.cmp-card:hover:after,.cmp-card:focus-visible:after{opacity:.45}.cmp-card-inner{position:relative;height:100%;border-radius:22.5px;background:#fff;overflow:hidden}.cmp-card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px circle at var(--cmp-mx, 50%) var(--cmp-my, 0%),rgba(124,58,237,.1),transparent 45%);opacity:0;transition:opacity .35s ease;pointer-events:none}.cmp-card:hover .cmp-card-inner:before{opacity:1}.cmp-mark-a,.cmp-mark-b{transition:transform .45s cubic-bezier(.22,1,.36,1)}.cmp-card:hover .cmp-mark-a{transform:translate(5px)}.cmp-card:hover .cmp-mark-b,[dir=rtl] .cmp-card:hover .cmp-mark-a{transform:translate(-5px)}[dir=rtl] .cmp-card:hover .cmp-mark-b{transform:translate(5px)}.cmp-vs{position:relative;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .45s ease}.cmp-card:hover .cmp-vs{transform:scale(1.15) rotate(-8deg);box-shadow:0 0 0 6px #7c3aed1a,0 8px 24px -6px #7c3aed8c}.cmp-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)}.cmp-card:hover .cmp-arrow{transform:translate(5px)}[dir=rtl] .cmp-card:hover .cmp-arrow{transform:translate(-5px) scaleX(-1)}[dir=rtl] .cmp-arrow{transform:scaleX(-1)}.cmp-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;pointer-events:none}.cmp-card:hover .cmp-sheen{background-position:-30% 0;transition:background-position 1.1s ease}.cmp-pre.cmp-in .cmp-vs:after,.cmp-burst:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:9999px;border:2px solid rgba(124,58,237,.55);animation:cmp-ring 1.1s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * .11s + .45s);pointer-events:none}@keyframes cmp-ring{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}.cmp-duel-a,.cmp-duel-b,.cmp-duel-vs{will-change:transform,opacity}.cmp-duel .cmp-duel-a{animation:cmp-in-start 1s cubic-bezier(.22,1,.36,1) both .15s}.cmp-duel .cmp-duel-b{animation:cmp-in-end 1s cubic-bezier(.22,1,.36,1) both .15s}.cmp-duel .cmp-duel-vs{animation:cmp-pop .7s cubic-bezier(.34,1.56,.64,1) both .85s}.cmp-duel .cmp-duel-flash{animation:cmp-flash 1.2s ease-out both .9s}[dir=rtl] .cmp-duel .cmp-duel-a{animation-name:cmp-in-end}[dir=rtl] .cmp-duel .cmp-duel-b{animation-name:cmp-in-start}@keyframes cmp-in-start{0%{opacity:0;transform:translate(-90px) rotate(-10deg) scale(.8);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes cmp-in-end{0%{opacity:0;transform:translate(90px) rotate(10deg) scale(.8);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes cmp-pop{0%{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:none}}@keyframes cmp-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(3.2)}}.cmp-duel-float{animation:cmp-float 6s ease-in-out infinite}.cmp-duel-float-late{animation:cmp-float 6s ease-in-out infinite -3s}@keyframes cmp-float{0%,to{translate:0 0}50%{translate:0 -8px}}.cmp-hero-line{animation:cmp-rise .9s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.5s + var(--i, 0) * .12s)}@keyframes cmp-rise{0%{opacity:0;translate:0 22px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}.cmp-attract-col{background:linear-gradient(180deg,#7c3aed0b,#3b82f609)}.cmp-row:hover{background:#7c3aed09}@media (prefers-reduced-motion: reduce){.cmp-orb,.cmp-spark,.cmp-card:before,.cmp-duel-float,.cmp-duel-float-late{animation:none!important}.cmp-duel *,.cmp-hero-line{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;translate:0 0!important}.cmp-card{transform:none!important}}