:root{--cube-border-color:#00d4ff99;--cube-bg-start:#0a1628d9;--cube-bg-end:#1e3a5fd9;--cube-glow-color:#00d4ff4d;--cube-glow-inner:#00d4ff26;--orbit-border-color:#0096c866;--orb-cyan:#00d4ff;--orb-purple:#7c3aed;--orb-green:#10b981;--sparkle-color:#00d4ff}.cube-scene{perspective:1000px;justify-content:center;align-items:center;display:flex}.cube{width:150px;height:150px;transform-style:preserve-3d;animation:20s linear infinite cubeRotate;position:relative;scale:1.4}@media (min-width:768px){.cube{width:200px;height:200px;scale:1.4}}@media (min-width:1024px){.cube{width:250px;height:250px;scale:1.4}}.cube-face{border:2px solid var(--cube-border-color);background:linear-gradient(135deg, var(--cube-bg-start) 0%, var(--cube-bg-end) 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;box-shadow:inset 0 0 30px var(--cube-glow-inner), 0 0 25px var(--cube-glow-color);position:absolute}.cube-front{transform:translateZ(75px)}.cube-back{transform:rotateY(180deg)translateZ(75px)}.cube-right{transform:rotateY(90deg)translateZ(75px)}.cube-left{transform:rotateY(-90deg)translateZ(75px)}.cube-top{transform:rotateX(90deg)translateZ(75px)}.cube-bottom{transform:rotateX(-90deg)translateZ(75px)}@media (min-width:768px){.cube-front{transform:translateZ(100px)}.cube-back{transform:rotateY(180deg)translateZ(100px)}.cube-right{transform:rotateY(90deg)translateZ(100px)}.cube-left{transform:rotateY(-90deg)translateZ(100px)}.cube-top{transform:rotateX(90deg)translateZ(100px)}.cube-bottom{transform:rotateX(-90deg)translateZ(100px)}}@media (min-width:1024px){.cube-front{transform:translateZ(125px)}.cube-back{transform:rotateY(180deg)translateZ(125px)}.cube-right{transform:rotateY(90deg)translateZ(125px)}.cube-left{transform:rotateY(-90deg)translateZ(125px)}.cube-top{transform:rotateX(90deg)translateZ(125px)}.cube-bottom{transform:rotateX(-90deg)translateZ(125px)}}@keyframes cubeRotate{0%{transform:rotateX(-20deg)rotateY(0)}to{transform:rotateX(-20deg)rotateY(360deg)}}.orbit{border:1px dashed var(--orbit-border-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:280px;height:280px;animation:8s linear infinite orbitSpin}.orbit-2{width:350px;height:350px;animation:12s linear infinite reverse orbitSpin}.orbit-3{width:420px;height:420px;animation:15s linear infinite orbitSpin}@media (min-width:768px){.orbit-1{width:350px;height:350px}.orbit-2{width:440px;height:440px}.orbit-3{width:520px;height:520px}}.orb{border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px}.orb-cyan{background:var(--orb-cyan);color:var(--orb-cyan)}.orb-purple{background:var(--orb-purple);color:var(--orb-purple)}.orb-green{background:var(--orb-green);color:var(--orb-green)}@keyframes orbitSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.sparkle{background:var(--sparkle-color);border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite sparkle;position:absolute}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}