/* creative cube v1 */
.scene{--s:240px;position:relative}
.scene::before,.scene::after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}
.scene::before{width:calc(var(--s)*1.9);height:calc(var(--s)*1.9);margin:calc(var(--s)*-.95);border:1.5px dashed rgba(124,92,255,.35);animation:cb-spin 28s linear infinite}
.scene::after{width:calc(var(--s)*1.45);height:calc(var(--s)*1.45);margin:calc(var(--s)*-.725);background:radial-gradient(circle,rgba(124,92,255,.28),rgba(255,79,163,.14) 45%,transparent 70%);filter:blur(22px);animation:cb-pulse 5s ease-in-out infinite}
.scene .float{position:relative;z-index:1;transform-style:preserve-3d;animation:cb-float 6s ease-in-out infinite}
.scene .float::after{content:"";position:absolute;left:50%;top:calc(100% + 54px);width:calc(var(--s)*.9);height:22px;margin-left:calc(var(--s)*-.45);border-radius:50%;background:rgba(40,20,90,.22);filter:blur(14px);animation:cb-shadow 6s ease-in-out infinite}
.scene .face{--a:#0071e3;--b:#7c5cff;border-radius:30px;border:1px solid rgba(255,255,255,.55);color:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;
background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.38),transparent 55%),linear-gradient(145deg,var(--a),var(--b));
box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 0 40px rgba(255,255,255,.18) inset,0 20px 50px -18px var(--b);backdrop-filter:none;-webkit-backdrop-filter:none}
.scene .face::before{content:"";position:absolute;inset:-40% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%);transform:translateX(-60%);animation:cb-shine 5.5s ease-in-out infinite}
.scene .face:nth-child(2)::before{animation-delay:.9s}.scene .face:nth-child(3)::before{animation-delay:1.8s}.scene .face:nth-child(4)::before{animation-delay:2.7s}.scene .face:nth-child(5)::before{animation-delay:3.6s}.scene .face:nth-child(6)::before{animation-delay:4.5s}
.scene .face>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 18px;font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.scene .face svg{width:46px;height:46px;padding:11px;border-radius:15px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.45);margin-bottom:6px;box-sizing:border-box;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.scene .face em{color:rgba(255,255,255,.75);margin:0 0 2px;font-size:11px}
.scene .face small{font-size:12.5px;font-weight:500;letter-spacing:0;line-height:1.35;opacity:.88;max-width:15ch}
.scene .face:nth-child(2){--a:#ff4fa3;--b:#ff9f0a}.scene .face:nth-child(3){--a:#0071e3;--b:#00c2ff}.scene .face:nth-child(4){--a:#7c5cff;--b:#ff4fa3}.scene .face:nth-child(5){--a:#ff9f0a;--b:#e8453c}.scene .face:nth-child(6){--a:#12b886;--b:#0071e3}
.scene .core{display:none}
.scene .orb{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--grad);box-shadow:0 0 18px rgba(124,92,255,.7);pointer-events:none;animation:cb-orbit 9s linear infinite}
.scene .orb.o2{width:9px;height:9px;margin:-4.5px;animation-duration:13s;animation-direction:reverse;animation-delay:-4s}
.scene .orb.o3{width:6px;height:6px;margin:-3px;animation-duration:7s;animation-delay:-2s}
@keyframes cb-spin{to{transform:rotate(360deg)}}
@keyframes cb-pulse{50%{transform:scale(1.15);opacity:.7}}
@keyframes cb-float{50%{transform:translateY(-14px)}}
@keyframes cb-shadow{50%{transform:scale(.82);opacity:.6}}
@keyframes cb-shine{0%,55%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
@keyframes cb-orbit{from{transform:rotate(0) translateX(calc(var(--s)*.95)) rotate(0)}to{transform:rotate(360deg) translateX(calc(var(--s)*.95)) rotate(-360deg)}}
@media(max-width:760px){.scene{--s:180px;height:400px;overflow:hidden}.scene::before{width:calc(var(--s)*1.75);height:calc(var(--s)*1.75);margin:calc(var(--s)*-.875)}.scene .face>div{font-size:20px}.scene .face small{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.scene::before,.scene::after,.scene .float,.scene .float::after,.scene .face::before,.scene .orb{animation:none}}