.scene{width:260px;height:260px;perspective:1200px;position:relative}.cube{left:50%;top:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-18deg) rotateY(28deg);animation:slow-rotate 8s linear infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,.7))}.cube,.cube .face{width:180px;height:160px;position:absolute}.cube .face{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:48px;backface-visibility:hidden;border-radius:14px;box-shadow:0 6px 18px rgba(2,6,23,.6),inset 0 -6px 18px hsla(0,0%,100%,.02)}.face-front{transform:translateZ(70px);background:linear-gradient(180deg,rgba(7,40,80,.9),rgba(5,10,30,.7));color:rgba(180,250,255,.98);border:1px solid rgba(180,250,255,.08);box-shadow:0 8px 30px rgba(60,140,255,.12),inset 0 0 24px rgba(60,140,255,.07)}.face-back{transform:rotateY(180deg) translateZ(70px);background:linear-gradient(180deg,rgba(40,0,80,.9),rgba(5,0,30,.7));color:rgba(255,180,250,.98)}.face-right{transform:rotateY(90deg) translateZ(70px);background:linear-gradient(180deg,rgba(0,60,80,.9),rgba(0,10,30,.7));color:rgba(180,255,220,.98)}.face-left{transform:rotateY(-90deg) translateZ(70px);background:linear-gradient(180deg,rgba(80,40,0,.9),rgba(30,10,0,.7));color:rgba(255,230,170,.98)}.face-top{transform:rotateX(90deg) translateZ(70px);background:hsla(0,0%,100%,.02)}.face-bottom,.face-top{color:rgba(200,200,255,.9)}.face-bottom{transform:rotateX(-90deg) translateZ(70px);background:rgba(0,0,0,.4)}.glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;filter:blur(40px);background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.06),transparent 10%),radial-gradient(circle at 70% 70%,rgba(168,85,247,.06),transparent 15%);mix-blend-mode:screen;pointer-events:none}@keyframes slow-rotate{0%{transform:translate(-50%,-50%) rotateX(-18deg) rotateY(28deg) rotate(0deg)}50%{transform:translate(-50%,-50%) rotateX(-28deg) rotateY(388deg) rotate(6deg)}to{transform:translate(-50%,-50%) rotateX(-18deg) rotateY(748deg) rotate(0deg)}}.progress{background:linear-gradient(90deg,rgba(58,177,255,.18),rgba(160,90,255,.18));position:relative;overflow:hidden}.progress:after{content:"";position:absolute;left:-40%;top:0;height:100%;width:40%;transform:skewX(-18deg);background:linear-gradient(90deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));animation:sheen 2.8s linear infinite}@keyframes sheen{0%{left:-40%}to{left:120%}}@media (max-width:640px){.scene{width:200px;height:200px}.cube,.cube .face{width:120px;height:120px}.cube .face{font-size:40px}}