.card-spotlight{position:relative;overflow:hidden;border-radius:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.card-spotlight:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--spotlight-color, rgba(255, 255, 255, .25)),transparent 40%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.card-spotlight:hover:before{opacity:1}.card-spotlight:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001a;border-color:#ffffff4d}.card-spotlight>*{position:relative;z-index:2}.card-spotlight:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffffff1a,#ffffff0d,#ffffff1a);border-radius:18px;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.card-spotlight:hover:after{opacity:1}