.connecting{--c-red: #e74c3c;--c-blue: #2e86de;--c-yellow: #f1c40f;--c-green: #27ae60;--c-brand: #2e6bff}.connecting-grid{display:grid;grid-template-columns:repeat(2,42px);gap:8px;animation:connecting-quarter 3.2s cubic-bezier(.7,0,.3,1) infinite}.connecting-grid i{width:42px;height:42px;border-radius:11px;animation:.8s ease-in-out infinite}.connecting-grid i:nth-child(1){background:var(--c-red);animation-name:connecting-tl}.connecting-grid i:nth-child(2){background:var(--c-blue);animation-name:connecting-tr}.connecting-grid i:nth-child(3){background:var(--c-yellow);animation-name:connecting-bl}.connecting-grid i:nth-child(4){background:var(--c-green);animation-name:connecting-br}@keyframes connecting-quarter{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes connecting-tl{0%,to{transform:translate(0)}50%{transform:translate(-14px,-14px)}}@keyframes connecting-tr{0%,to{transform:translate(0)}50%{transform:translate(14px,-14px)}}@keyframes connecting-bl{0%,to{transform:translate(0)}50%{transform:translate(-14px,14px)}}@keyframes connecting-br{0%,to{transform:translate(0)}50%{transform:translate(14px,14px)}}.connecting-orbit{position:relative;width:190px;height:190px}.connecting-orbit-core{position:absolute;top:55px;right:55px;bottom:55px;left:55px;border-radius:50%;background:var(--c-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:800;line-height:1;box-shadow:0 0 34px #2e6bff99;animation:connecting-pulse 1.6s ease-in-out infinite}.connecting-orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;animation:connecting-spin 1.6s linear infinite}.connecting-orbit-ring i{position:absolute;left:86px;top:86px;width:18px;height:18px;border-radius:50%}.connecting-orbit-ring i:nth-child(1){background:var(--c-red);transform:rotate(0) translateY(-84px)}.connecting-orbit-ring i:nth-child(2){background:var(--c-blue);transform:rotate(90deg) translateY(-84px)}.connecting-orbit-ring i:nth-child(3){background:var(--c-yellow);transform:rotate(180deg) translateY(-84px)}.connecting-orbit-ring i:nth-child(4){background:var(--c-green);transform:rotate(270deg) translateY(-84px)}@keyframes connecting-spin{to{transform:rotate(360deg)}}@keyframes connecting-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.connecting-devices{display:flex;align-items:center;gap:12px}.connecting-phone{position:relative;width:48px;height:86px;border:4px solid currentColor;border-radius:13px}.connecting-phone span{position:absolute;top:8px;right:6px;bottom:12px;left:6px;border-radius:4px;background:var(--c-brand)}.connecting-path{position:relative;width:112px;height:16px}.connecting-path i{position:absolute;left:0;top:3px;width:11px;height:11px;border-radius:50%;opacity:0;animation:connecting-travel 1.6s linear infinite}.connecting-path i:nth-child(1){background:var(--c-yellow)}.connecting-path i:nth-child(2){background:var(--c-green);animation-delay:.5333s}.connecting-path i:nth-child(3){background:var(--c-red);animation-delay:1.0667s}@keyframes connecting-travel{0%{transform:translate(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(100px);opacity:0}}.connecting-tv{position:relative;width:116px;height:76px;border:4px solid currentColor;border-radius:11px}.connecting-tv:after{content:"";position:absolute;left:50%;bottom:-16px;width:40px;height:6px;margin-left:-20px;border-radius:3px;background:currentColor}.connecting-tv span{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:5px;background:var(--c-brand);animation:connecting-glow .5333s ease-in-out infinite}@keyframes connecting-glow{0%,to{opacity:.35}50%{opacity:.95}}@media (prefers-reduced-motion: reduce){.connecting *,.connecting *:after{animation:none!important}.connecting-path i{opacity:1}.connecting-path i:nth-child(1){transform:translate(20px)}.connecting-path i:nth-child(2){transform:translate(50px)}.connecting-path i:nth-child(3){transform:translate(80px)}.connecting-tv span{opacity:.8}}