:root{--spotlight-color:210, 100%, 60%;--spotlight-gradient-1:210, 100%, 60%;--spotlight-gradient-2:280, 100%, 60%;--spotlight-gradient-3:none;--spotlight-gradient-4:none;--spotlight-gradient-5:none;--spotlight-gradient-count:2;--spotlight-card-bg:rgba(15, 15, 15, 0.9);--spotlight-card-border:rgba(255, 255, 255, 0.1);--spotlight-card-radius:16px;--spotlight-size:350px;--spotlight-opacity:0.15;--spotlight-border-opacity:0.5;--spotlight-transition:opacity 0.3s ease}.spotlight-card{position:relative;overflow:hidden;isolation:isolate}.spotlight-card::before{content:"";position:absolute;inset:0;background:radial-gradient( var(--spotlight-size) var(--spotlight-size) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-color),var(--spotlight-opacity)),transparent 100% );opacity:0;transition:var(--spotlight-transition);pointer-events:none;z-index:1;border-radius:inherit}.spotlight-card::after{content:"";position:absolute;inset:0;background:radial-gradient( calc(var(--spotlight-size) * .8) calc(var(--spotlight-size) * .8) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-color),var(--spotlight-border-opacity)),transparent 100% );border-radius:inherit;opacity:0;transition:var(--spotlight-transition);pointer-events:none;z-index:0;-webkit-mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px}.spotlight-card:hover::before,.spotlight-card:hover::after{opacity:1}.spotlight-card-content{position:relative;z-index:2;padding:24px;height:100%}.spotlight-card[data-variant=border],.spotlight-card--border{--spotlight-opacity:0}.spotlight-card[data-variant=border]::before,.spotlight-card--border::before{display:none}.spotlight-card[data-variant=border]::after,.spotlight-card--border::after{--spotlight-border-opacity:0.8;padding:2px}.spotlight-card[data-variant=gradient]::before,.spotlight-card--gradient::before{background:radial-gradient( var(--spotlight-size) var(--spotlight-size) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-gradient-1),var(--spotlight-opacity)),hsla(var(--spotlight-gradient-2),calc(var(--spotlight-opacity) * .5)),transparent 100% )}.spotlight-card[data-variant=gradient]::after,.spotlight-card--gradient::after{background:radial-gradient( calc(var(--spotlight-size) * .8) calc(var(--spotlight-size) * .8) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-gradient-1),var(--spotlight-border-opacity)),hsla( var(--spotlight-gradient-2),calc(var(--spotlight-border-opacity) * .7) ),transparent 100% )}.spotlight-card[data-variant=gradient-border]::before,.spotlight-card--gradient-border::before{display:none}.spotlight-card[data-variant=gradient-border]::after,.spotlight-card--gradient-border::after{background:radial-gradient( calc(var(--spotlight-size) * .8) calc(var(--spotlight-size) * .8) at var(--mouse-x,50%) var(--mouse-y,50%),hsla(var(--spotlight-gradient-1),.9),hsla(var(--spotlight-gradient-2),.7),transparent 100% );padding:2px}.spotlight-card[data-size=sm]{--spotlight-size:200px}.spotlight-card[data-size=md]{--spotlight-size:350px}.spotlight-card[data-size=lg]{--spotlight-size:500px}.spotlight-card[data-size=xl]{--spotlight-size:700px}.spotlight-card[data-intensity=low]{--spotlight-opacity:0.08;--spotlight-border-opacity:0.25}.spotlight-card[data-intensity=medium]{--spotlight-opacity:0.15;--spotlight-border-opacity:0.5}.spotlight-card[data-intensity=high]{--spotlight-opacity:0.25;--spotlight-border-opacity:0.75}.spotlight-card[data-autoplay=true],.spotlight-card--autoplay{--mouse-x:50%;--mouse-y:50%}.spotlight-card[data-autoplay=true]::before,.spotlight-card[data-autoplay=true]::after,.spotlight-card--autoplay::before,.spotlight-card--autoplay::after{opacity:1}.spotlight-card[data-mode=proximity]::before,.spotlight-card[data-mode=proximity]::after,.spotlight-card--proximity::before,.spotlight-card--proximity::after{opacity:1}.spotlight-card-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.spotlight-card[data-disabled=true]::before,.spotlight-card[data-disabled=true]::after,.spotlight-card--disabled::before,.spotlight-card--disabled::after{display:none}.spotlight-card:focus-visible{outline:2px solid hsla(var(--spotlight-color),.8);outline-offset:2px}.spotlight-card:focus-visible::before,.spotlight-card:focus-visible::after{opacity:1}@media(prefers-reduced-motion:reduce){.spotlight-card::before,.spotlight-card::after{transition:none}.spotlight-card[data-autoplay=true]::before,.spotlight-card[data-autoplay=true]::after,.spotlight-card--autoplay::before,.spotlight-card--autoplay::after{animation:none;opacity:1;--mouse-x:50%;--mouse-y:50%}}
:root{--effect-card-color:#5227ff;--effect-card-color-alt:#ff9ffc;--effect-card-bg:rgba(15, 15, 15, 0.9);--effect-card-border:rgba(255, 255, 255, 0.1);--effect-card-radius:16px;--effect-card-transition:all 0.3s ease}.effect-card{position:relative;overflow:visible;isolation:isolate}.effect-card-canvas{display:block}.effect-card-canvas.effect-card-electric-border{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:2}.effect-card-canvas.effect-card-webgl{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;border-radius:inherit}.effect-card-content{position:relative;z-index:10;padding:24px;height:100%}.effect-card[data-effect-type=electric-border]{--electric-border-color:var(--effect-card-color)}.effect-card[data-effect-type=electric-border]::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;border:2px solid var(--electric-border-color);opacity:.6;filter:blur(1px)}.effect-card[data-effect-type=electric-border]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;border:2px solid var(--electric-border-color);filter:blur(4px)}.effect-card[data-effect-type=electric-border] .effect-card-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;transform:scale(1.1);opacity:.3;filter:blur(32px);background:linear-gradient( -30deg,var(--electric-border-color),transparent,var(--electric-border-color) )}.effect-card[data-effect-type=lightning]{background:#000}.effect-card[data-effect-type=lightning] .effect-card-canvas{mix-blend-mode:screen}.effect-card[data-effect-type=light-pillar]{background:0 0}.effect-card[data-effect-type=light-pillar] .effect-card-canvas{mix-blend-mode:screen}.effect-card[data-effect-type=floating-lines]{background:#000}.effect-card[data-effect-type=floating-lines] .effect-card-canvas{mix-blend-mode:screen}.effect-card[data-effect-disabled=true] .effect-card-canvas{display:none}.effect-card[data-effect-disabled=true]::before,.effect-card[data-effect-disabled=true]::after{display:none}.effect-card:focus-visible{outline:2px solid var(--effect-card-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.effect-card-canvas{animation:none!important}.effect-card::before,.effect-card::after{transition:none}}.effect-card-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.effect-card--no-bg{background:0 0;border:none}.effect-card--dark{--effect-card-bg:rgba(0, 0, 0, 0.95);--effect-card-border:rgba(255, 255, 255, 0.05)}.effect-card--glass{--effect-card-bg:rgba(255, 255, 255, 0.05);--effect-card-border:rgba(255, 255, 255, 0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.effect-card--blend-screen .effect-card-canvas{mix-blend-mode:screen}.effect-card--blend-add .effect-card-canvas{mix-blend-mode:plus-lighter}.effect-card--blend-overlay .effect-card-canvas{mix-blend-mode:overlay}.effect-card--blend-normal .effect-card-canvas{mix-blend-mode:normal}