.card-spotlight{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);--mouse-x:50%;--mouse-y:50%;--spotlight-color:#4f46e529;background:#ffffffad;border:1px solid #94a3b83d;border-radius:2rem;transition:border-color .4s,transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s;position:relative;overflow:hidden}:is(html.dark *) .card-spotlight{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:#020617bf;border:1px solid #ffffff1f}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:-40%}.card-spotlight:hover,.card-spotlight:focus-within{border-color:#4f46e540}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}:is(html:not(.dark) *) .card-spotlight:hover,:is(html:not(.dark) *) .card-spotlight:focus-within{border-color:#4f46e52e}