.cube-wrapper{perspective:1000px;justify-content:center;align-items:center;display:flex}.container{transform-style:preserve-3d}.box-card{width:200px;height:200px;transform-style:preserve-3d;will-change:transform;animation:14s linear infinite rotate3d;position:relative}.face{backface-visibility:hidden;background:linear-gradient(145deg,#0b0f2b,#141a4f);border:1px solid #7c3aed99;border-radius:14px;justify-content:center;align-items:center;font-size:28px;font-weight:600;display:flex;position:absolute;inset:0}.front{transform:translateZ(100px)}.back{transform:translateZ(-100px)rotateY(180deg)}.right{transform:translate(100px)rotateY(90deg)}.left{transform:translate(-100px)rotateY(-90deg)}.top{transform:translateY(-100px)rotateX(90deg)}.bottom{transform:translateY(100px)rotateX(-90deg)}@keyframes rotate3d{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}@media (max-width:768px){.box-card{width:140px;height:140px}.front{transform:translateZ(70px)}.back{transform:translateZ(-70px)rotateY(180deg)}.right{transform:translate(70px)rotateY(90deg)}.left{transform:translate(-70px)rotateY(-90deg)}.top{transform:translateY(-70px)rotateX(90deg)}.bottom{transform:translateY(70px)rotateX(-90deg)}}