.specular-card{position:relative;--sc-radius:1.5rem;border-radius:var(--sc-radius);transform-style:preserve-3d;will-change:transform;transition:box-shadow .35s ease}.specular-card:hover{box-shadow:0 14px 40px -16px color-mix(in srgb,var(--color-brand-500) 28%,transparent)}.specular-card__fx{position:absolute;inset:0;pointer-events:none;z-index:4}.specular-card__fx canvas{display:block;width:100%;height:100%}.specular-card__layer{position:absolute;inset:0;border-radius:var(--sc-radius);overflow:hidden;pointer-events:none;z-index:3}.specular-card__content{position:relative;z-index:2;height:100%}.specular-card__particle{width:4px;height:4px}.specular-card__particle,.specular-card__ripple{position:absolute;border-radius:50%;pointer-events:none}