.electric-border{position:relative;display:inline-block}.eb-canvas-container{position:absolute;inset:-60px;pointer-events:none;z-index:10}.eb-canvas{display:block}.eb-layers{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}.eb-glow-1{inset:-2px;opacity:.3;filter:blur(4px)}.eb-glow-1,.eb-glow-2{position:absolute;border-radius:inherit;border:2px solid var(--electric-border-color,#5227ff)}.eb-glow-2{inset:-4px;opacity:.15;filter:blur(8px)}.eb-background-glow{position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--electric-border-color,#5227ff) 8%,transparent),transparent 70%)}.eb-content{position:relative;z-index:2;border-radius:inherit}.text-type{display:inline-flex;align-items:center}.text-type__content{white-space:pre-wrap}.text-type__cursor{display:inline-block;margin-left:1px}.text-type__cursor--hidden{visibility:hidden}.gradual-blur{pointer-events:none;transition:opacity .3s ease-out}.gradual-blur-parent{overflow:hidden}.gradual-blur-inner{pointer-events:none}.tilt-wrapper{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--behind-glow-color:rgba(125,190,255,.5);--behind-glow-size:60%;position:relative;perspective:800px}.tilt-behind{position:absolute;inset:-10%;border-radius:24px;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0,transparent var(--behind-glow-size));filter:blur(28px);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.tilt-shell.active .tilt-behind,.tilt-wrapper:hover .tilt-behind{opacity:.7}.tilt-shell{z-index:1;transform-style:preserve-3d;will-change:transform}.tilt-card,.tilt-shell{position:relative;border-radius:20px}.tilt-card{overflow:hidden;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transition:transform .12s ease-out;transform-style:preserve-3d}.tilt-shell:not(.active) .tilt-card{transition:transform .6s cubic-bezier(.23,1,.32,1)}.tilt-inside{position:relative;border-radius:20px;overflow:hidden}.tilt-shine{position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:10;mix-blend-mode:soft-light;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,.12) 30%,transparent 65%);opacity:0;transition:opacity .3s ease}.tilt-shell.active .tilt-shine{opacity:1}.tilt-glare{position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:11;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.25) 0,transparent 55%);opacity:0;transition:opacity .3s ease}.tilt-shell.active .tilt-glare{opacity:calc(var(--pointer-from-center) * .6)}.tilt-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1.5px;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:12;opacity:0;transition:opacity .3s ease}.tilt-shell.active .tilt-card:before{opacity:1}.card-swap-container{perspective:1200px;position:relative;display:flex;align-items:center;justify-content:center}.cs-card{position:absolute;top:50%;left:50%;border-radius:16px;will-change:transform;backface-visibility:hidden;transition:box-shadow .3s ease,filter .3s ease}.cs-card:hover{box-shadow:0 20px 60px -12px rgba(0,0,0,.25);filter:brightness(1.02)}