.cb-section{position:relative;padding:60px 20px;display:flex;justify-content:center;align-items:center}.cb-stage{position:relative;margin:0 auto;width:600px;height:400px;max-width:100%;z-index:3}.cb-screen{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:380px;z-index:4}.cb-screen img{width:100%;height:auto}.cb-icons{list-style:none;margin:0;padding:0;gap:25px;position:absolute;top:75%;left:50%;transform:translateX(-50%)}.cb-icon,.cb-icons{display:flex;justify-content:center;align-items:center}.cb-icon{position:relative;width:80px;height:80px;border-radius:20px;background:#fff;overflow:hidden;cursor:pointer}.cb-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#ff4b1f,#ff9068,#ffd200,#0cebeb,#20e3b2,#29ffc6,#ff4b1f);animation:rotateLight 6s linear infinite,morph 8s ease-in-out infinite;z-index:1;filter:blur(20px)}.cb-icon img{max-width:60%;max-height:60%;-o-object-fit:contain;object-fit:contain;z-index:2;transition:transform .3s ease}.cb-icon:hover img{transform:scale(1.15)}@keyframes rotateLight{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes morph{0%,to{border-radius:20px;filter:blur(12px)}50%{border-radius:50%;filter:blur(25px)}}@media (max-width:768px){.cb-stage{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:20px}.cb-screen{width:200px}.cb-icons,.cb-screen{position:relative;top:auto;left:auto;transform:none}.cb-icons{gap:15px;flex-wrap:wrap}.cb-icon{width:60px;height:60px}}