.card-spotlight{position:relative;border-radius:1rem;border:1px solid hsl(var(--border)/.6);background:linear-gradient(180deg,hsl(var(--card)) 0,hsl(var(--surface-sunken,220 28% 4%)/.95) 100%);overflow:hidden;--mouse-x:50%;--mouse-y:50%;--spotlight-color:rgba(0,255,136,0.08)}.card-spotlight:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 60%);opacity:0;transition:opacity .4s cubic-bezier(.45,0,.15,1);z-index:1}.card-spotlight:after,.card-spotlight:before{content:"";position:absolute;inset:0;pointer-events:none}.card-spotlight:after{border-radius:inherit;background:linear-gradient(135deg,hsl(0 0% 100%/.04),transparent 50%);z-index:2}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:1}