.card{--g1:oklch(var(--primary));--g2:oklch(var(--primary));--g3:oklch(var(--primary));cursor:pointer;position:relative}.card:before{background:linear-gradient(130deg,transparent 0 33%,var(--g1) 66%,var(--g2) 83.5%,var(--g3) 100%);background-position:0 0;background-size:300% 300%;content:"";height:100%;left:0;position:absolute;top:0;transition:background-position .35s ease,transform .35s ease;width:100%;z-index:1}.card:hover:before{background-position:100% 100%;transform:scale(1.04)}.card-content{background:radial-gradient(hsla(var(--primary-foreground) 90%) 8%,transparent 8%);background-position:0 0;background-size:3vmin 3vmin;height:100%;position:relative;transition:background-position .35s ease;width:100%;z-index:2}.card:hover>.card-content{background-position:-10% 0}.card-subtitle,.card-title{color:var(--foreground)}.card-subtitle{font-size:20px}.card-subtitle-word{display:inline-block;opacity:0;position:relative;transform:translateY(40%)!important;transition:none}.card:hover>.card-content>.card-subtitle>.card-subtitle-word{opacity:1;transform:translateY(0)!important;transition:opcity,0s,transform .2s cubic-bezier(.9,.06,.15,.9)}