:root{--cube-primary:#14b8a6;--cube-primary-rgb:20, 184, 166;--cube-cyan:#00f3ff;--cube-size:160px;--cube-half:80px;--cube-core-size:40px;--cube-core-half:20px}.cube-scene{perspective:1000px;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.cube-shadow{background:rgba(var(--cube-primary-rgb), .6);filter:blur(30px);border-radius:50%;width:140px;height:20px;animation:6s ease-in-out infinite pulseShadow;position:absolute;bottom:-30px}.cube-wrapper{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute}.cube-levitate{transform-style:preserve-3d;animation:6s ease-in-out infinite levitate;position:absolute}.cube{width:var(--cube-size);height:var(--cube-size);transform-style:preserve-3d;animation:16s linear infinite slowSpin;position:relative}.cube-face{width:var(--cube-size);height:var(--cube-size);background:linear-gradient(135deg, rgba(var(--cube-primary-rgb), .35) 0%, rgba(var(--cube-primary-rgb), .15) 50%, rgba(var(--cube-primary-rgb), .05) 100%);border:2px solid rgba(var(--cube-primary-rgb), .8);box-shadow:inset 0 0 40px rgba(var(--cube-primary-rgb), .4), 0 0 30px rgba(var(--cube-primary-rgb), .25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform-style:preserve-3d;position:absolute}.cube-front{transform:rotateY(0deg) translateZ(var(--cube-half))}.cube-back{transform:rotateY(180deg) translateZ(var(--cube-half))}.cube-right{transform:rotateY(90deg) translateZ(var(--cube-half))}.cube-left{transform:rotateY(-90deg) translateZ(var(--cube-half))}.cube-top{transform:rotateX(90deg) translateZ(var(--cube-half))}.cube-bottom{transform:rotateX(-90deg) translateZ(var(--cube-half))}.cube-core{width:var(--cube-core-size);height:var(--cube-core-size);margin-top:calc(var(--cube-core-size) / -2);margin-left:calc(var(--cube-core-size) / -2);transform-style:preserve-3d;animation:4s linear infinite spinCore;position:absolute;top:50%;left:50%}.cube-core-aura{background:radial-gradient(circle, rgba(var(--cube-primary-rgb), .8) 0%, rgba(var(--cube-primary-rgb), 0) 70%);filter:blur(15px);border-radius:50%;width:150%;height:150%;animation:2s ease-in-out infinite alternate pulseAura;position:absolute;top:-25%;left:-25%;transform:translateZ(0)}.cube-core-face{width:var(--cube-core-size);height:var(--cube-core-size);background:linear-gradient(135deg, var(--cube-primary), var(--cube-cyan));box-shadow:0 0 25px var(--cube-primary), inset 0 0 15px #fff;opacity:.95;border:1px solid #fffc;position:absolute}.cube-core-front{transform:rotateY(0deg) translateZ(var(--cube-core-half))}.cube-core-back{transform:rotateY(180deg) translateZ(var(--cube-core-half))}.cube-core-right{transform:rotateY(90deg) translateZ(var(--cube-core-half))}.cube-core-left{transform:rotateY(-90deg) translateZ(var(--cube-core-half))}.cube-core-top{transform:rotateX(90deg) translateZ(var(--cube-core-half))}.cube-core-bottom{transform:rotateX(-90deg) translateZ(var(--cube-core-half))}.cube-code-hologram{width:100%;height:100%;transform-style:preserve-3d;position:absolute}.cube-code-panel{width:130px;height:120px;position:absolute;top:20px;left:15px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 15% 85%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 15% 85%,#0000 100%)}.cube-code-panel:after{content:"";background:linear-gradient(to bottom, transparent 40%, rgba(var(--cube-primary-rgb), .15) 50%, transparent 60%);pointer-events:none;z-index:2;background-size:100% 10px;width:100%;height:200%;animation:3s linear infinite scanline;position:absolute;top:0;left:0}.cube-cp-front{transform:rotateY(0)translateZ(60px)}.cube-cp-back{transform:rotateY(180deg)translateZ(60px)}.cube-cp-right{transform:rotateY(90deg)translateZ(60px)}.cube-cp-left{transform:rotateY(-90deg)translateZ(60px)}.cube-code-stream{color:#0f766e;text-shadow:0 0 3px var(--cube-primary), 0 0 6px rgba(var(--cube-primary-rgb), .5);white-space:pre;opacity:1;font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;line-height:1.6;animation:4s linear infinite scrollCode}.cube-cp-front .cube-code-stream{animation-duration:4.5s}.cube-cp-back .cube-code-stream{animation-duration:5.5s;animation-direction:reverse}.cube-cp-right .cube-code-stream{animation-duration:3.8s;animation-delay:-1s}.cube-cp-left .cube-code-stream{animation-duration:4.2s;animation-delay:-2s}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseShadow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(.7)}}@keyframes slowSpin{0%{transform:rotateX(-20deg)rotateY(0)}to{transform:rotateX(-20deg)rotateY(360deg)}}@keyframes spinCore{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(360deg)rotateY(360deg)rotate(180deg)}}@keyframes scrollCode{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes pulseAura{0%{opacity:.5;transform:scale(.8)}to{opacity:.9;transform:scale(1.2)}}@keyframes scanline{0%{transform:translateY(-50%)}to{transform:translateY(0%)}}@media (prefers-reduced-motion:reduce){.cube,.cube-levitate,.cube-core,.cube-code-stream,.cube-shadow,.cube-core-aura,.cube-code-panel:after{animation:none}}