.cube-container{--cube-size:clamp(170px,28vw,300px);--cube-depth:calc(var(--cube-size)*.4);width:100%;height:calc(var(--cube-size) + 2rem);perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.cube{width:var(--cube-size);height:var(--cube-size);animation:6s ease-in-out infinite float;position:relative}.cube-3d{width:100%;height:100%;transform-style:preserve-3d;animation:8s linear infinite rotate3d;position:relative}.cube-face{opacity:.9;backface-visibility:visible;border:2px solid;width:100%;height:100%;position:absolute;inset:0}.face-front{transform:translateZ(var(--cube-depth));background:linear-gradient(135deg,#14f195 0%,#00d4aa 100%);border-color:#14f195}.face-back{transform:translateZ(calc(var(--cube-depth)*-1))rotateY(180deg);background:linear-gradient(135deg,#9945ff 0%,#7b2fe0 100%);border-color:#9945ff}.face-right{transform:rotateY(90deg)translateZ(var(--cube-depth));background:linear-gradient(135deg,#00d4aa 0%,#00b8ff 100%);border-color:#00d4aa}.face-left{transform:rotateY(-90deg)translateZ(var(--cube-depth));background:linear-gradient(135deg,#9945ff 0%,#ff4d6a 100%);border-color:#9945ff}.face-top{transform:rotateX(90deg)translateZ(var(--cube-depth));background:linear-gradient(135deg,#14f195 0%,#9945ff 100%);border-color:#14f195}.face-bottom{transform:rotateX(-90deg)translateZ(var(--cube-depth));background:linear-gradient(135deg,#00b8ff 0%,#9945ff 100%);border-color:#00b8ff}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(4deg)}}@keyframes rotate3d{0%{transform:rotateX(35deg)rotateY(0)}to{transform:rotateX(35deg)rotateY(360deg)}}@keyframes blob{0%,to{transform:translate(0)scale(1)}33%{transform:translate(18px,-24px)scale(1.08)}66%{transform:translate(-14px,14px)scale(.94)}}.animate-blob{animation:8s ease-in-out infinite blob}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@media (max-width:767px){.cube-container{--cube-size:clamp(160px,58vw,230px)}}@media (prefers-reduced-motion:reduce){.cube,.cube-3d,.animate-blob{animation:none}}
