.card{background:var(--bg-card);transform-style:preserve-3d;will-change:transform;border:none;border-radius:24px;padding:1.5rem;transition:all .3s;position:relative;overflow:visible}.card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#8a5cf61f 0%,#8b5cf605 100%);border-radius:24px;padding:2px;transition:all .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{background:linear-gradient(#8b5cf666 0%,#8b5cf60d 100%)}.card:hover{transform:scale(1.02)translateY(-2px);box-shadow:0 0 32px #8b5cf626,inset 0 1px #8b5cf61a}.card-blob{filter:blur(100px);pointer-events:none;z-index:0;background-color:#a300fb12;border-radius:20%;width:20vw;height:30vh;transition:opacity .2s ease-out;position:absolute;transform:translate(-50%,-50%)translateZ(0)}.card-content{z-index:1;transform-style:preserve-3d;transition:transform .3s,filter .3s;position:relative}@media (max-width:640px){.card{border-radius:16px;padding:.75rem}.card:before{border-radius:16px}.card:hover{box-shadow:none;transform:none}.card-blob{display:none}}