.tilt-card{border-radius:var(--radius-2xl);--spotlight-x:50%;--spotlight-y:50%;--spotlight-color:#3b82f61f;transition:transform .2s ease-out;display:block;position:relative}html.dark .tilt-card{--spotlight-color:#ffffff29}.tilt-card.tilt-hovered{z-index:5;will-change:transform}.tilt-spotlight{z-index:2;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0;overflow:hidden}.tilt-card.tilt-hovered .tilt-spotlight{opacity:1}.tilt-spotlight-glow{left:var(--spotlight-x);top:var(--spotlight-y);background:radial-gradient(circle, var(--spotlight-color) 0%, transparent 40%);width:200%;height:200%;position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.tilt-card{transition:none}}