.scene{width:100%;height:600px;perspective:1500px;display:flex;justify-content:center;align-items:center;margin:40px 0;overflow:hidden}.cube{--cube-size:min(500px,90vw);position:relative;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.68,-.55,.265,1.55)}.cube,.cube__face{width:var(--cube-size);height:var(--cube-size)}.cube__face{position:absolute;background:#fff;border:4px solid var(--primary-color);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;box-shadow:inset 0 0 50px rgba(0,0,0,.05);-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.98}.cube__face--front{transform:rotateY(0deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.cube__face--left{transform:rotateY(270deg) translateZ(calc(var(--cube-size) / 2))}.cube__face:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;border:2px solid rgba(35,33,76,.1);pointer-events:none;background-image:linear-gradient(rgba(35,33,76,.05) 2px,transparent 0),linear-gradient(90deg,rgba(35,33,76,.05) 2px,transparent 0);background-size:calc(var(--cube-size) / 3) calc(var(--cube-size) / 3);z-index:-1}.face-icon{font-size:4rem;margin-bottom:20px;background:var(--secondary-color);width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.1)}.face-title{font-size:2rem;color:var(--primary-color);margin-bottom:15px;background:#fff;padding:0 10px}.face-description{font-size:1.1rem;line-height:1.6;color:#555;background:hsla(0,0%,100%,.9);padding:10px;border-radius:8px}.controls{gap:20px;margin-top:20px}.control-btn,.controls{display:flex;justify-content:center}.control-btn{background:var(--primary-color);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,.2)}.control-btn:hover{background:var(--primary-hover);transform:scale(1.1)}@media (max-width:768px){.scene{height:auto;perspective:none;margin:20px 0}.cube{display:flex;flex-direction:column;gap:20px}.cube,.cube__face{width:100%;height:auto;transform:none!important}.cube__face{position:relative;min-height:400px;border:2px solid var(--primary-color);opacity:1;-webkit-backface-visibility:visible;backface-visibility:visible;margin-bottom:20px}.controls{display:none}}