.card-spotlight{position:relative;border-radius:16px;overflow:hidden;background-color:rgba(102,43,234,.06);border:1px solid rgba(102,43,234,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(102,43,234,.1);transition:box-shadow .3s ease,transform .3s ease}.card-spotlight:hover{box-shadow:0 12px 32px rgba(102,43,234,.25);transform:translateY(-2px)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 60%);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.card-spotlight:focus-within:before,.card-spotlight:hover:before{opacity:.2}