/* Talukdar WiFi Premium Customer UI */
body:has(.twz-customer-app){
 background:#f5f7fc;
}
.twz-customer-app{
 max-width:620px;
 padding:12px 14px 25px;
}
.twz-app-head{
 margin-bottom:14px;
}
.twz-brand-icon{
 width:40px;height:40px;
 border-radius:13px;
 background:linear-gradient(135deg,#d6e8ff,#f0f6ff);
}
.twz-brand h2{font-size:15px}
.twz-avatar{width:39px;height:39px}
.twz-greeting{margin-bottom:13px}
.twz-greeting h2{font-size:19px}
.twz-greeting p{font-size:12px}
.twz-plan-hero{
 position:relative;
 overflow:hidden;
 padding:16px;
 border-radius:21px;
 background:linear-gradient(130deg,#082d76,#0758d8 65%,#1578e9);
}
.twz-plan-hero:before{
 content:"";
 position:absolute;
 width:200px;height:200px;
 border-radius:50%;
 right:-75px;top:-95px;
 background:#ffffff0d;
}
.twz-plan-hero .plan-name{font-size:17px}
.twz-kpis{gap:7px;margin-top:13px}
.twz-kpi{
 background:#ffffff14;
 padding:10px 7px;
 border-radius:12px;
}
.twz-kpi strong{font-size:17px}
.twz-kpi small{font-size:10px}
.twz-plan-footer{margin-top:12px;padding-top:11px}
.twz-speed-visual{
 display:flex;
 align-items:center;
 gap:11px;
 padding:11px 12px;
 border-radius:13px;
 background:#ffffff13;
 margin-top:14px;
 border:1px solid #ffffff1c;
}
.twz-wifi-symbol{
 position:relative;
 width:42px;height:36px;
 flex:none;
 display:grid;
 place-items:center;
 color:#fff;
 font-size:25px;
 animation:twzPulse 2.5s infinite ease-in-out;
}
.twz-speed-bars{
 display:flex;
 align-items:flex-end;
 height:30px;
 gap:3px;
 flex:none;
}
.twz-speed-bars i{
 width:4px;height:11px;
 border-radius:6px;
 background:#63f9bd;
 animation:twzBars .9s infinite alternate ease-in-out;
}
.twz-speed-bars i:nth-child(2){height:20px;animation-delay:.15s}
.twz-speed-bars i:nth-child(3){height:27px;animation-delay:.3s}
.twz-speed-bars i:nth-child(4){height:17px;animation-delay:.45s}
.twz-speed-desc b{font-size:12px;display:block}
.twz-speed-desc small{font-size:10px;opacity:.75}
@keyframes twzBars{
 from{transform:scaleY(.45);opacity:.5}
 to{transform:scaleY(1);opacity:1}
}
@keyframes twzPulse{
 0%,100%{opacity:.75;transform:scale(1)}
 50%{opacity:1;transform:scale(1.09)}
}
.twz-customer-app .twz-card{
 padding:13px 15px;
 border-radius:17px;
 margin-top:12px;
}
.twz-customer-app:has(.twz-plan-hero) .twz-card:has(.twz-profile-row){
 display:none;
}
.twz-perk-icon{padding:9px;border-radius:12px}
.twz-perk-icon{font-size:18px}
.twz-primary{padding:13px;font-size:14px}
.twz-nav{
 grid-template-columns:repeat(5,minmax(0,1fr));
}
.twz-nav button{font-size:10px}
.twz-nav button span{font-size:19px}
.twz-pay-method strong{font-size:14px}
.twz-pay-method button{font-size:12px}
.twz-proof-file{
 display:block;width:100%;
 padding:12px;
 border:1px dashed #adc3e4;
 border-radius:13px;
 background:#f7faff;
 font-size:13px;
}
.twz-or{
 text-align:center;
 color:#6c80a1;
 font-size:12px;
 margin:10px 0;
 font-weight:700;
}
@media(prefers-reduced-motion:reduce){
 .twz-speed-bars i,.twz-wifi-symbol{animation:none}
}