*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Arial,sans-serif}body{background:#fff;color:#171717}button{font:inherit;border:0;cursor:pointer}.page{width:100%;min-height:100vh;background:#fff;display:flex;justify-content:center}.phone{width:100%;max-width:591px;overflow:hidden;background:#fff;container-type:inline-size}.phone{--u:.1692047cqw}.hero{position:relative;height:calc(var(--u)*550);overflow:hidden;background:radial-gradient(circle at 78% 37%,#cfcaffd1 0,#cfcaffd1 18%,#cfcaff00 18.5%),radial-gradient(circle at 67% 31%,rgba(255,255,255,.85),transparent 28%),linear-gradient(180deg,#e7f8ff,#effbff 49%,#f7ffff)}.status-bar{position:absolute;z-index:20;left:calc(var(--u)*53);right:calc(var(--u)*13);top:calc(var(--u)*24);height:calc(var(--u)*26);display:flex;align-items:center}.time{font-size:calc(var(--u)*23);font-weight:700;letter-spacing:calc(var(--u)*-.5)}.location-arrow{font-size:calc(var(--u)*14);margin-left:calc(var(--u)*5);transform:rotate(-28deg)}.status-icons{margin-left:auto;display:flex;gap:calc(var(--u)*13);align-items:center}.signal{display:flex;align-items:flex-end;gap:calc(var(--u)*2);height:calc(var(--u)*18)}.signal i{display:block;width:calc(var(--u)*3);background:#111;border-radius:calc(var(--u)*2)}.signal i:nth-child(1){height:calc(var(--u)*5)}.signal i:nth-child(2){height:calc(var(--u)*8)}.signal i:nth-child(3){height:calc(var(--u)*12)}.signal i:nth-child(4){height:calc(var(--u)*16)}.wifi{position:relative;width:calc(var(--u)*23);height:calc(var(--u)*18);display:block}.wifi:before{content:"";position:absolute;left:calc(var(--u)*1);top:0;width:calc(var(--u)*20);height:calc(var(--u)*15);border:calc(var(--u)*3) solid #111;border-color:#111 transparent transparent transparent;border-radius:50%}.wifi:after{content:"";position:absolute;width:calc(var(--u)*5);height:calc(var(--u)*5);border-radius:50%;background:#111;left:calc(var(--u)*9);bottom:0}.battery{position:relative;width:calc(var(--u)*35);height:calc(var(--u)*18);border-radius:calc(var(--u)*5);background:#57c967;color:#fff;font-size:calc(var(--u)*11);display:flex;align-items:center;justify-content:center;font-weight:800}.battery:after{content:"";position:absolute;right:calc(var(--u)*-3);top:calc(var(--u)*5);width:calc(var(--u)*2);height:calc(var(--u)*7);background:#57c967;border-radius:calc(var(--u)*1)}.battery em{position:absolute;left:calc(var(--u)*3);top:calc(var(--u)*3);width:calc(var(--u)*3);height:calc(var(--u)*12);background:#fff;border-radius:calc(var(--u)*2);opacity:.9}.back-btn{position:absolute;z-index:20;left:calc(var(--u)*25);top:calc(var(--u)*73);width:calc(var(--u)*47);height:calc(var(--u)*47);border-radius:50%;background:#f6f6f6d9}.back-btn span{position:absolute;left:calc(var(--u)*19);top:calc(var(--u)*17);width:calc(var(--u)*12);height:calc(var(--u)*12);border-left:calc(var(--u)*2) solid #111;border-bottom:calc(var(--u)*2) solid #111;transform:rotate(45deg)}.hero-orb{position:absolute;width:calc(var(--u)*216);height:calc(var(--u)*216);right:calc(var(--u)*-1);top:calc(var(--u)*74);border-radius:50%;background:radial-gradient(circle at 42% 38%,#bfc1ff,#c4baf5 55%,#d9d5fa);opacity:.75}.hero-dot{position:absolute;left:calc(var(--u)*371);top:calc(var(--u)*105);width:calc(var(--u)*18);height:calc(var(--u)*18);border-radius:50%;background:#6d6bd2}.hero-pattern{position:absolute;right:0;top:0;width:calc(var(--u)*230);height:calc(var(--u)*350);opacity:.28;background-image:radial-gradient(#8ccbd9 calc(var(--u)*1.6),transparent calc(var(--u)*1.6));background-size:calc(var(--u)*14) calc(var(--u)*14)}.card-info{position:absolute;z-index:10;left:calc(var(--u)*25);top:calc(var(--u)*191);width:calc(var(--u)*345);max-width:calc(100% - calc(var(--u)*175));overflow:visible}.tata-neu{font-size:calc(var(--u)*24);line-height:1;font-weight:700;letter-spacing:calc(var(--u)*-.5);white-space:nowrap}.tata-neu span{color:#128fe5}.bank-title{font-size:calc(var(--u)*27);font-weight:700;line-height:1.25;margin-top:calc(var(--u)*8);letter-spacing:calc(var(--u)*-.65);white-space:nowrap}.card-no{font-size:calc(var(--u)*17);letter-spacing:calc(var(--u)*1.8);margin-top:calc(var(--u)*7);white-space:nowrap}.card-art{position:absolute;z-index:11;width:calc(var(--u)*132);height:auto;right:calc(var(--u)*28);top:calc(var(--u)*148);object-fit:contain}.action-row{position:absolute;z-index:15;left:calc(var(--u)*25);right:calc(var(--u)*3);top:calc(var(--u)*367);display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u)*18)}.action{min-width:0;height:calc(var(--u)*117);border:calc(var(--u)*1) solid #e9e9e9;border-radius:calc(var(--u)*18);background:#ffffffe6;box-shadow:0 calc(var(--u)*2) calc(var(--u)*6) #00000008;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.action-icon-wrap{height:calc(var(--u)*55);width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon-wrap img{width:calc(var(--u)*66);height:calc(var(--u)*66);object-fit:contain}.action-label{font-size:calc(var(--u)*18);font-weight:500;margin-top:calc(var(--u)*2);white-space:nowrap;line-height:1}.carousel-dots{position:absolute;z-index:20;left:0;right:0;bottom:calc(var(--u)*25);display:flex;justify-content:center;gap:calc(var(--u)*9)}.carousel-dots i{width:calc(var(--u)*7);height:calc(var(--u)*7);border-radius:50%;background:#606060}.carousel-dots i.selected{width:calc(var(--u)*8);height:calc(var(--u)*8);background:#9700e8}.credit-card-panel{margin:calc(var(--u)*16) calc(var(--u)*25) 0;height:calc(var(--u)*342);border-radius:calc(var(--u)*20);background:linear-gradient(180deg,#f7f5fa,#e7f5fc);padding:calc(var(--u)*24) calc(var(--u)*18) calc(var(--u)*18)}.balance-row{display:flex;justify-content:space-between}.right{text-align:right}.label{font-size:calc(var(--u)*21);color:#555;line-height:1.1}.money{font-size:calc(var(--u)*21);font-weight:650;margin-top:calc(var(--u)*4)}.credit-progress{height:calc(var(--u)*12);background:#dfe2e5;border-radius:calc(var(--u)*10);margin-top:calc(var(--u)*38);overflow:hidden}.credit-progress div{height:100%;width:83%;background:#087c7c;border-radius:calc(var(--u)*10)}.credit-limit{text-align:center;font-size:calc(var(--u)*20);margin-top:calc(var(--u)*27);color:#3f3f3f;white-space:nowrap}.panel-line{height:calc(var(--u)*1);background:#cfd6dc;margin-top:calc(var(--u)*40)}.payment-row{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--u)*24);gap:calc(var(--u)*10)}.due-money{font-size:calc(var(--u)*22);font-weight:650}.due{font-size:calc(var(--u)*18);color:#a07922;margin-top:calc(var(--u)*4);white-space:nowrap}.pay-btn{height:calc(var(--u)*59);width:calc(var(--u)*177);flex:0 0 calc(var(--u)*177);border-radius:calc(var(--u)*15);color:#fff;font-size:calc(var(--u)*20);font-weight:650;letter-spacing:calc(var(--u)*2.5);background:linear-gradient(105deg,#8c00ff,#7300ee);box-shadow:0 calc(var(--u)*5) calc(var(--u)*13) #7a00ef2e;white-space:nowrap}.emi-banner{height:calc(var(--u)*49);margin:calc(var(--u)*31) calc(var(--u)*27) 0;border:calc(var(--u)*1) solid #d7d7d7;border-radius:calc(var(--u)*11);background:#fff;box-shadow:0 calc(var(--u)*1) calc(var(--u)*4) #0000000f;display:flex;align-items:center;padding:0 calc(var(--u)*11);gap:calc(var(--u)*7)}.emi-banner img{width:calc(var(--u)*28);height:calc(var(--u)*28);object-fit:contain;flex:0 0 auto}.emi-banner span{font-size:calc(var(--u)*16);font-weight:550;flex:1;white-space:nowrap}.chevron{width:calc(var(--u)*11);height:calc(var(--u)*11);border-top:calc(var(--u)*2) solid #333;border-right:calc(var(--u)*2) solid #333;transform:rotate(45deg);margin-right:calc(var(--u)*4);flex:0 0 auto}.referral{height:calc(var(--u)*260);margin:calc(var(--u)*30) calc(var(--u)*25) 0;border:calc(var(--u)*1) solid #e8e8e8;border-radius:calc(var(--u)*22) calc(var(--u)*22) 0 0;background:linear-gradient(180deg,#fff,#fbf7ff);padding:calc(var(--u)*20) calc(var(--u)*12) 0;overflow:hidden}.ref-header{display:flex;align-items:center;gap:calc(var(--u)*9)}.neu-logo{width:calc(var(--u)*70);height:calc(var(--u)*70);object-fit:contain;flex:0 0 auto}.ref-copy{flex:1;min-width:0}.ref-copy strong{display:block;font-size:calc(var(--u)*21);line-height:1.15;white-space:nowrap}.ref-copy span{display:block;font-size:calc(var(--u)*15);color:#444;margin-top:calc(var(--u)*5)}.refer-btn{background:#f5e7ff;color:#7c00df;border-radius:calc(var(--u)*13);padding:calc(var(--u)*11) calc(var(--u)*16);font-size:calc(var(--u)*15);white-space:nowrap;flex:0 0 auto}.ref-progress{position:relative;margin-top:calc(var(--u)*36);display:grid;grid-template-columns:repeat(4,1fr)}.ref-line{position:absolute;left:calc(var(--u)*25);right:calc(var(--u)*25);top:calc(var(--u)*6);height:calc(var(--u)*3);background:#e2d3f4}.ref-step{text-align:center;position:relative;font-size:calc(var(--u)*14);white-space:nowrap}.ref-dot{display:block;width:calc(var(--u)*11);height:calc(var(--u)*11);border-radius:50%;background:#8c00df;border:calc(var(--u)*3) solid #fff;box-shadow:0 0 0 calc(var(--u)*2) #8c00df;margin:0 auto calc(var(--u)*18)}.ref-step strong{display:block;font-size:calc(var(--u)*17);margin-top:calc(var(--u)*6)}.ref-step small{font-size:calc(var(--u)*11)}@media(max-width:430px){.card-info{max-width:calc(100% - calc(var(--u)*178))}.bank-title{font-size:calc(var(--u)*26)}.action-row{gap:calc(var(--u)*10)}.action-label{font-size:calc(var(--u)*17)}.pay-btn{font-size:calc(var(--u)*19)}}