.us-cube-scope{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-sizing:border-box;max-width:240px;margin:0 auto}
.us-cube-scope *{box-sizing:border-box}
.us-cube-scope .uc-wrap{display:flex;justify-content:center;align-items:center;margin:0 auto 30px;perspective:1400px;width:240px;height:240px}
.us-cube-scope .uc-cube{position:relative;width:200px;height:200px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-25deg);animation:ucSpin 24s linear infinite;cursor:grab}
.us-cube-scope .uc-cube:hover{animation-play-state:paused}
@keyframes ucSpin{0%{transform:rotateX(-18deg) rotateY(0deg)}100%{transform:rotateX(-18deg) rotateY(360deg)}}
.us-cube-scope .uc-face{position:absolute;width:200px;height:200px;display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18),inset 0 -20px 30px rgba(0,0,0,0.18),inset 0 20px 30px rgba(255,255,255,0.10)}
.us-cube-scope .uc-front{transform:translateZ(100px)}
.us-cube-scope .uc-right{transform:rotateY(90deg) translateZ(100px)}
.us-cube-scope .uc-back{transform:rotateY(180deg) translateZ(100px)}
.us-cube-scope .uc-left{transform:rotateY(-90deg) translateZ(100px)}
.us-cube-scope .uc-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:18px;text-align:center}
.us-cube-scope .uc-dot{width:56px;height:56px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin-bottom:14px;box-shadow:0 4px 12px rgba(0,0,0,0.18);letter-spacing:-1px}
.us-cube-scope .uc-name{font-size:19px;font-weight:700;line-height:1.15;letter-spacing:-0.3px;text-shadow:0 1px 2px rgba(0,0,0,0.10);color:#fff}
.us-cube-scope .uc-face.avito{background:linear-gradient(135deg,#00aa00 0%,#008f3a 100%)}
.us-cube-scope .uc-face.avito .uc-dot{color:#00aa00}
.us-cube-scope .uc-face.profi{background:linear-gradient(135deg,#ffb800 0%,#ff7a00 100%)}
.us-cube-scope .uc-face.profi .uc-dot{color:#ff7a00}
.us-cube-scope .uc-face.yandex{background:linear-gradient(135deg,#ffcc00 0%,#ff3333 100%)}
.us-cube-scope .uc-face.yandex .uc-dot{background:#000;color:#ffcc00}
.us-cube-scope .uc-face.prodoc{background:linear-gradient(135deg,#00b8d4 0%,#0083a8 100%)}
.us-cube-scope .uc-face.prodoc .uc-dot{color:#00b8d4}
@media (max-width:768px){.us-cube-scope .uc-cube{width:160px;height:160px;transform:rotateX(-15deg) rotateY(-25deg) scale(0.8)}.us-cube-scope .uc-face{width:160px;height:160px}.us-cube-scope .uc-front{transform:translateZ(80px)}.us-cube-scope .uc-right{transform:rotateY(90deg) translateZ(80px)}.us-cube-scope .uc-back{transform:rotateY(180deg) translateZ(80px)}.us-cube-scope .uc-left{transform:rotateY(-90deg) translateZ(80px)}.us-cube-scope .uc-dot{width:44px;height:44px;font-size:22px}.us-cube-scope .uc-name{font-size:16px}}