.logo-cube-scene{perspective:1200px;place-items:center;display:grid;position:relative}.logo-cube-scene:before{content:"";filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#66f5e859 0%,#0000 65%);border-radius:9999px;position:absolute;inset:10%}.logo-cube{aspect-ratio:1;width:62%;transform-style:preserve-3d;z-index:1;animation:14s linear infinite logo-cube-spin;position:relative}.logo-cube-face{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#66f5e82e,#0f141cd9),#0b0e14b3;border:1px solid #66f5e859;border-radius:14px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 30px #66f5e826,0 0 40px #66f5e833}.logo-cube-face img{object-fit:contain;filter:drop-shadow(0 4px 18px #66f5e88c);width:72%;height:72%}.logo-cube-front{transform:translateZ(calc(var(--cube-size,50%)))}.logo-cube-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size,50%)))}.logo-cube-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size,50%)))}.logo-cube-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size,50%)))}.logo-cube-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size,50%)))}.logo-cube-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size,50%)))}.logo-cube{--cube-size:50cqw;container-type:inline-size}@keyframes logo-cube-spin{0%{transform:rotateX(-18deg)rotateY(0)}to{transform:rotateX(-18deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.logo-cube{animation-duration:40s}}