.card3d-container{position:relative;perspective:1000px}.card3d-flipper{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.card3d-flipper.flipped{transform:rotateY(180deg)}.card3d-face{position:absolute;inset:0;width:100%;height:100%;border-radius:.75rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);overflow:hidden;background-color:hsl(var(--card));border:1px solid hsl(var(--border));-webkit-backface-visibility:hidden;backface-visibility:hidden}.card3d-front{z-index:2;transform:rotateY(0deg)}.card3d-back{z-index:1;transform:rotateY(180deg)}.card3d-content{position:relative;width:100%;height:100%;z-index:1}.card3d-gradient{inset:0;background:linear-gradient(to bottom right,hsl(var(--primary)/.1),hsl(var(--primary)/.05),transparent)}.card3d-glow,.card3d-gradient{position:absolute;pointer-events:none;z-index:0}.card3d-glow{top:0;right:0;width:8rem;height:8rem;background:hsl(var(--primary)/.05);border-radius:9999px;filter:blur(48px);transform:translate(4rem,-4rem)}.card3d-indicator{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.75rem;border-top:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:center;gap:.5rem;color:hsl(var(--muted-foreground));font-size:.75rem;background:hsl(var(--card)/.8);backdrop-filter:blur(4px);z-index:10}.card3d-indicator span{font-weight:500}.card3d-shadow{position:absolute;inset:0;background:hsl(var(--primary));border-radius:.75rem;filter:blur(32px);pointer-events:none;opacity:0;transform:translateY(10px) scale(.95);z-index:-1;transition:opacity .5s ease}.card3d-shadow.active{opacity:.15}.card3d-flipper.cursor-pointer{cursor:pointer}