.pair-visual{position:relative;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:12px;margin:0 0 20px;padding:22px;border:1px solid #dbe7f5;border-radius:16px;background:radial-gradient(circle at 20% 20%,#dbeafe,transparent 32%),linear-gradient(145deg,#f8fbff,#eef5ff);overflow:hidden}.pair-device,.pair-cloud{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;color:#1557b0;box-shadow:0 10px 25px #1557b024;font-size:25px}.pair-device:before,.pair-device:after{content:"";position:absolute;border:2px solid #2f7be9;border-radius:50%;opacity:0;animation:pairPulse 1.8s infinite}.pair-device:before{inset:-8px}.pair-device:after{inset:-16px;animation-delay:.45s}.pair-signal{height:3px;border-radius:4px;background:#cbdcf3;overflow:hidden}.pair-signal i{display:block;width:38%;height:100%;border-radius:4px;background:linear-gradient(90deg,transparent,#2f7be9,#5eead4,transparent);animation:pairTravel 1.35s infinite}.pair-status{grid-column:1/-1;text-align:center}.pair-status b,.pair-status span{display:block}.pair-status b{font-size:12px;color:#15375f}.pair-status span{margin-top:4px;font-size:9px;color:#718096}.pair-steps{display:flex;justify-content:center;gap:7px;margin-top:12px}.pair-steps i{width:7px;height:7px;border-radius:50%;background:#cbd5e1;animation:pairDot 1.5s infinite}.pair-steps i:nth-child(2){animation-delay:.25s}.pair-steps i:nth-child(3){animation-delay:.5s}.pair-visual.paired .pair-device{color:#fff;background:#16a34a}.pair-visual.paired .pair-device:before,.pair-visual.paired .pair-device:after{border-color:#16a34a}@keyframes pairPulse{0%{transform:scale(.8);opacity:.75}100%{transform:scale(1.35);opacity:0}}@keyframes pairTravel{from{transform:translateX(-110%)}to{transform:translateX(330%)}}@keyframes pairDot{0%,70%,100%{background:#cbd5e1;transform:scale(1)}35%{background:#2563eb;transform:scale(1.35)}}