body{margin:0;font-family:Inter,sans-serif;background-color:#f8fafc;color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.geometric-grid{background-size:40px 40px;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px)}.cube-scene{width:100%;height:100%;perspective:400px;display:flex;align-items:center;justify-content:center}.cube{width:8px;height:8px;position:relative;transform-style:preserve-3d;animation:cube-revolve 50s ease-in-out infinite}.cube-face{position:absolute;width:8px;height:8px;backface-visibility:hidden}.cube-face-front{transform:rotateY(0) translateZ(4px);background-color:#0f172a}.cube-face-back{transform:rotateY(180deg) translateZ(4px);background-color:#1e293b}.cube-face-right{transform:rotateY(90deg) translateZ(4px);background-color:#334155}.cube-face-left{transform:rotateY(-90deg) translateZ(4px);background-color:#334155}.cube-face-top{transform:rotateX(90deg) translateZ(4px);background-color:#475569}.cube-face-bottom{transform:rotateX(-90deg) translateZ(4px);background-color:#475569}@keyframes cube-revolve{0%,30%{transform:rotate3d(1,1,0,0)}50%,80%{transform:rotate3d(1,1,0,180deg)}to{transform:rotate3d(1,1,0,0)}}