.cube-scene{background:radial-gradient(ellipse at center,rgba(152,152,156,.5) 0,rgba(71,71,79,.7) 20%,rgba(10,10,15,.9) 60%,#000 100%);position:absolute;top:0;left:0;width:100%;height:100%;perspective:1000px;perspective-origin:center center;z-index:-2;overflow:hidden}.cube-container{position:absolute;top:50%;left:50%;transform-style:preserve-3d;transform:translate(-50%,-50%)}.cube{position:absolute;width:var(--size);height:var(--size);transform-style:preserve-3d;transform:translate3d(var(--x),var(--y),var(--z)) rotateX(var(--rotX)) rotateY(var(--rotY)) rotateZ(var(--rotZ))}.face{position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.05)}.face-1{transform:rotateY(0) translateZ(calc(var(--size)/ 2));background:linear-gradient(135deg,rgba(50,50,55,.8),#000)}.face-2{transform:rotateY(90deg) translateZ(calc(var(--size)/ 2));background:linear-gradient(135deg,rgba(30,30,35,.9),#000)}.face-3{transform:rotateY(180deg) translateZ(calc(var(--size)/ 2));background:linear-gradient(135deg,rgba(20,20,25,.9),#000)}.face-4{transform:rotateY(-90deg) translateZ(calc(var(--size)/ 2));background:linear-gradient(135deg,rgba(25,25,30,.9),#000)}.face-5{transform:rotateX(90deg) translateZ(calc(var(--size)/ 2));background:linear-gradient(135deg,rgba(40,40,45,.8),rgba(15,15,20,.9))}.face-6{transform:rotateX(-90deg) translateZ(calc(var(--size)/ 2));background:linear-gradient(135deg,rgba(10,10,15,.9),#000)}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,.2) 15%,rgba(0,0,0,.2) 85%,rgba(0,0,0,.85) 100%);z-index:-1}