/* Motion is decorative; financial values and QR codes remain still. */
.operator-home{padding:20px;margin-bottom:18px}.operator-caption{font-size:12px;color:#777}.operator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.operator-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:112px;padding:14px 8px;border:1px solid #ebe5f4;border-radius:18px;background:linear-gradient(150deg,#fff,#faf7ff);color:#342646;cursor:pointer;transition:transform .22s,border-color .22s,box-shadow .22s}.operator-card strong{font-size:13px}.operator-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #5d2ba51c;border-color:#a07acb}.operator-card:active{transform:scale(.97)}.operator-card:focus-visible{outline:3px solid #8046bf;outline-offset:3px}.operator-card.selected{border:2px solid #7735ad;background:#f5eefe;box-shadow:0 5px 18px #6327a515}.operator-selected{position:absolute;right:6px;top:4px;color:#7735ad;font-weight:700;opacity:0}.selected .operator-selected{opacity:1}.operator-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;background:#fff;border-radius:16px;padding:7px;box-sizing:border-box}.operator-logo img{display:block;width:100%;height:100%;object-fit:contain}.operator-card .operator-logo{animation:operator-float 4s ease-in-out infinite}.operator-card:nth-child(2) .operator-logo{animation-delay:-1s}.operator-card:nth-child(3) .operator-logo{animation-delay:-2s}.operator-card:nth-child(4) .operator-logo{animation-delay:-3s}.operator-card:hover .operator-logo{animation-play-state:paused}.operator-airtel{padding:4px}.tx-icon .operator-logo{width:36px;height:36px;border-radius:9px;padding:3px}.app-rate-card>.operator-logo{width:52px;height:52px}.operator-receipt{display:flex;gap:8px;align-items:center}.operator-receipt .operator-logo{width:30px;height:30px;padding:3px}.service-icon:has(.operator-logo){background:transparent}.service-icon .operator-logo{width:68px;height:68px}
.mobile-auth-orb{animation:brand-breathe 5s ease-in-out infinite}.mobile-auth-details,.form-card,.app-account-header,.app-services,.app-support-banner,.operator-home,.app-rate-group,.pro-page-intro,.stats-row,.hero{animation:screen-arrive .45s ease-out both}.app-services{animation-delay:.08s}.app-support-banner{animation-delay:.14s}.app-recharge-tiles button>span,.app-service-grid button>span{transition:transform .25s,box-shadow .25s}.app-recharge-tiles button:hover>span,.app-service-grid button:hover>span{transform:translateY(-4px) scale(1.07);box-shadow:0 8px 18px #673c9a20}button.primary{transition:transform .2s,box-shadow .2s}button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6a2db025}button.primary:active{transform:scale(.98)}.checkout-steps .current>span{animation:step-glow 2.8s ease-in-out infinite}
@keyframes operator-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes brand-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes screen-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes step-glow{0%,100%{box-shadow:0 0 0 0 #7c35b820}50%{box-shadow:0 0 0 6px #7c35b80a}}
@media(max-width:480px){.operator-home{padding:16px}.operator-grid{gap:7px}.operator-card{min-height:99px;padding:12px 4px;border-radius:14px}.operator-logo{width:51px;height:51px;padding:6px}.operator-caption{font-size:10px}.operator-card strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.operator-card:hover,button.primary:hover,.app-recharge-tiles button:hover>span,.app-service-grid button:hover>span{transform:none}}
@media print{*{animation:none!important;transition:none!important}}