:root{--perspective:1200px}.perspective-3d{perspective:var(--perspective);transform-style:preserve-3d;will-change:transform}.hero-3d-container{perspective:var(--perspective);transform-style:preserve-3d}.hero-content-3d{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.card-3d{transform-style:preserve-3d;transition:all .6s cubic-bezier(.34,1.56,.64,1)}.card-3d:hover{transform:rotateX(5deg)rotateY(5deg)translateZ(20px)}