.spotlight-card{-webkit-backdrop-filter:blur(12px);background:#12161c99;border:1px solid #ffffff0d;border-radius:16px;transition:border-color .4s,box-shadow .4s,transform .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 4px 30px #0000004d}.spotlight-card:hover{border-color:#06b6d440;transform:translateY(-4px);box-shadow:0 10px 40px #0006}.spotlight-card-glow{pointer-events:none;z-index:1;width:100%;height:100%;opacity:var(--spotlight-opacity,0);background:radial-gradient(600px circle at var(--mouse-x,0px) var(--mouse-y,0px), var(--spotlight-glow,#06b6d426), transparent 40%);transition:opacity .3s;position:absolute;top:0;left:0}.spotlight-card:before{content:"";pointer-events:none;z-index:2;width:100%;height:100%;opacity:var(--spotlight-opacity,0);background:radial-gradient(400px circle at var(--mouse-x,0px) var(--mouse-y,0px), #ffffff1f, transparent 60%);-webkit-mask-composite:xor;border-radius:16px;padding:1px;transition:opacity .3s;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.spotlight-card-content{z-index:3;box-sizing:border-box;width:100%;height:100%;padding:32px;position:relative}.spotlight-card.light{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #00000005}.spotlight-card.light:hover{border-color:#f39c1259;box-shadow:0 10px 30px #0000000d}.spotlight-card.light:before{background:radial-gradient(400px circle at var(--mouse-x,0px) var(--mouse-y,0px), #f39c1233, transparent 60%)}