@import url('./mobile.css');
:root{font-family:'Segoe UI',Arial,sans-serif;color:#18304b;background:#e9eef5;font-synthesis:none;font-size:14px;font-weight:400;--blue:#0874ef;--muted:#8492a5;--border:#edf0f5}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.55;cursor:wait}button,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid #75c4ff;outline-offset:3px}button{touch-action:manipulation}a{color:inherit}.icon{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}h2{font-size:18px;letter-spacing:-.6px}h1{letter-spacing:-1px}.phone{max-width:440px;min-height:100dvh;margin:auto;background:#fff;position:relative;box-shadow:0 0 90px #344e7112}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;letter-spacing:-1.1px}.brand>span{display:flex;align-items:baseline}.brand-light{font-weight:400}.brand i{width:5px;height:5px;border-radius:50%;background:#2db7bd;margin-left:3px}.tiny-pill{font-size:10px;letter-spacing:.15px;border-radius:20px;padding:7px 10px;background:#edf7ff;color:#0780df;font-weight:600}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:9px;border-radius:12px}.primary{background:var(--blue);color:white;border-radius:14px;padding:16px 20px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 6px 15px #0874ef1c}.primary:hover{background:#0063d5}.wide{width:100%}.primary .icon{width:19px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#2e9fbc}.auth-top{display:flex;justify-content:space-between;align-items:center;padding:27px 26px 18px}.auth-hero{position:relative;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#d6efff 0,transparent 65%),linear-gradient(#fff,#f5fbff);padding:24px 0 0}.auth-hero h1{font-size:43px;line-height:1.12;margin:12px 0 14px;font-weight:800;letter-spacing:-2px}.auth-hero h1 span{color:var(--blue)}.auth-hero p{color:#7b8b9f;line-height:1.7;font-size:12px}.hero-art{height:210px;position:relative;width:300px;margin:10px auto 0}.mini-phone{position:absolute;width:119px;height:197px;border-radius:25px;background:linear-gradient(140deg,#2b9af6,#0862d8);border:5px solid white;box-shadow:8px 12px 25px #1477c82a;left:91px;top:24px;transform:rotate(-9deg);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding-top:39px;color:white}.mini-phone img{width:39px;height:39px;z-index:2}.mini-phone>span{font-size:12px;font-weight:700;margin-top:4px;z-index:2}.mini-speaker{position:absolute;width:34px;height:5px;background:#0b4eb078;border-radius:10px;top:9px;left:37px}.mini-check{position:absolute;bottom:31px;font-size:6px;background:white;color:#137c64;border-radius:8px;padding:7px;display:flex;gap:3px;align-items:center;z-index:2}.mini-check .icon{width:12px;height:12px}.floating{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;box-shadow:0 6px 18px #18457b12;background:white;z-index:3}.float-wifi{left:31px;top:62px;color:#8662e9;transform:rotate(-13deg)}.float-bolt{right:20px;top:45px;color:#ffb93b;transform:rotate(12deg)}.float-wallet{right:26px;top:132px;color:#23b9a4;transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #cfe8f7;border-radius:50%;width:245px;height:125px;left:25px;top:68px;transform:rotate(-20deg)}.orbit-two{transform:rotate(35deg);height:150px;top:50px}.art-spark{position:absolute;color:#69b9ef;font-size:26px}.spark-one{left:42px;top:142px}.spark-two{right:82px;top:8px;font-size:18px}.auth-form{background:white;padding:24px 27px 0;border-radius:28px 28px 0 0;position:relative;margin-top:-4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.section-heading h2{font-size:20px}.section-heading p{font-size:11px;color:var(--muted);margin-top:7px}.hello{font-size:27px}label{display:block;font-size:11px;font-weight:650;margin-bottom:15px}.input-wrap{display:flex;align-items:center;border:1px solid #e7ecf2;background:#fafbfd;border-radius:12px;margin-top:8px;padding:0 13px;min-height:49px;gap:10px}.input-wrap>.icon{width:18px;color:#97a4b6}.input-wrap input{border:0;background:none;width:100%;min-width:0;color:#18304b;outline:0;padding:13px 0;font-size:12px}.input-wrap:focus-within{border-color:#5aa7f9;box-shadow:0 0 0 3px #0874ef09}.input-wrap input::placeholder{color:#a3aebc}.input-wrap .icon-button{padding:6px;color:#97a4b6}.input-wrap .icon-button svg{width:17px}.form-error{color:#d04b56;font-size:12px;margin:8px 0;line-height:1.5}.form-error:empty{display:none}.or{display:flex;align-items:center;gap:12px;font-size:10px;color:#9ca7b6;margin:19px 0}.or span{height:1px;flex:1;background:#edf0f4}.demo-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #dceafa;border-radius:12px;color:#0874df;font-weight:650;font-size:12px}.demo-button .icon{width:17px}.auth-switch{text-align:center;font-size:11px;color:#8a96a5;margin:19px 0}.auth-switch button{color:#0874ef;font-size:11px;font-weight:700;padding:0 2px}.secure-line{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#9aa7b7}.secure-line svg{width:13px;height:13px}.auth-footer{padding:26px;text-align:center;font-size:9px;color:#a2adba}.auth-footer span{padding-left:8px}.app-header{padding:25px 25px 15px;display:flex;align-items:center;justify-content:space-between}.app-header .brand{font-size:22px}.app-header .brand img{width:32px;height:32px}.header-actions{display:flex;align-items:center;gap:9px}.demo-tag{font-size:8px;letter-spacing:1px;color:#8093a7;background:#f2f5f8;padding:5px 7px;border-radius:5px}.notification{border:1px solid var(--border);position:relative}.notification .icon{width:19px;height:19px}.notification i{position:absolute;width:5px;height:5px;right:10px;top:8px;background:#ff9372;border:1px solid white;border-radius:50%}.dashboard-content{padding:0 25px 110px}.greeting{display:flex;align-items:center;justify-content:space-between;margin:17px 0 22px}.greeting p{font-size:11px;color:#8a98ab}.greeting p span{font-size:10px;margin-left:3px}.greeting h1{font-size:24px;letter-spacing:-.8px;margin-top:7px}.greeting h1 span{font-size:22px}.avatar{width:43px;height:43px;background:#e5f6fa;border:3px solid white;outline:1px solid #e5f0f2;border-radius:50%;display:grid;place-items:center;color:#279ea6;font-size:19px;font-weight:750}.balance-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#0877f0,#065dda);border-radius:21px;padding:19px 21px;color:white;box-shadow:0 9px 20px #086eec1b}.balance-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.balance-top>span{font-size:11px;display:flex;align-items:center;gap:7px;color:#d9ecff}.balance-top .icon{width:16px;height:16px}.balance-top button{padding:0;color:#cbe3ff}.balance-amount{font-size:33px;font-weight:750;letter-spacing:-1px;margin:10px 0 23px;position:relative;z-index:2}.balance-amount>span{font-size:9px;font-weight:400;letter-spacing:0;margin-left:9px;color:#bfdcff}.balance-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.balance-bottom>span{font-size:9px;color:#d9eaff;display:flex;align-items:center;gap:5px}.balance-bottom i{width:5px;height:5px;border-radius:50%;background:#78e4c9}.balance-bottom button{background:white;color:#0969de;border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:4px;font-weight:700;font-size:10px}.balance-bottom button .icon{width:14px;height:14px}.wave{position:absolute;pointer-events:none;z-index:0;width:390px;height:270px;border-radius:45%;background:#ffffff0a;right:-180px;bottom:-130px;transform:rotate(-28deg)}.wave-two{right:-145px;bottom:-158px;background:#57c9ff18}.wave-three{right:-215px;bottom:-90px;background:#b8eaff0a}.rewards-strip{display:flex;align-items:center;gap:9px;border:1px solid #f1eee5;background:#fffdf8;border-radius:12px;padding:11px 12px;margin:14px 0 28px}.reward-symbol{font-size:24px;color:#eabd60}.rewards-strip strong{display:block;font-size:10px;font-weight:650}.rewards-strip small{display:block;font-size:9px;color:#a6997d;margin-top:3px}.rewards-strip button{margin-left:auto;color:#c6b38c;padding:3px}.rewards-strip svg{width:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:18px}.section-title h2{font-size:16px;letter-spacing:-.5px}.section-title>span{font-size:9px;color:#96a0af}.text-button{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:600;color:#1683ea;padding:0}.text-button .icon{width:13px;height:13px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 9px}.service{display:flex;align-items:center;flex-direction:column;gap:9px;padding:0;font-size:10px;font-weight:500}.service-icon{display:grid;place-items:center;position:relative;width:51px;height:51px;border-radius:16px;flex-shrink:0;transition:transform .2s}.service:hover .service-icon{transform:translateY(-3px)}.service-icon svg{width:23px;height:23px}.blue{color:#2086e9;background:#eaf4ff}.violet{color:#9470e7;background:#f3edff}.orange{color:#e8a530;background:#fff6e7}.green{color:#2bb79a;background:#e5f8f0}.pink{color:#e172a1;background:#fceef5}.cyan{color:#3ca9c1;background:#eaf8fa}.slate{color:#788ca5;background:#f0f3f7}.mini-badge{position:absolute;right:-7px;top:-4px;color:white;background:#ff926d;font-size:6px;border:2px solid white;font-style:normal;padding:3px 4px;border-radius:6px;letter-spacing:.3px}.promo-section{margin-top:29px}.promo-card{display:flex;text-align:left;position:relative;overflow:hidden;border:1px solid #d7eaf4;border-radius:17px;background:linear-gradient(115deg,#e9f5ff,#d7f0f9);width:100%;padding:20px 19px;min-height:167px}.promo-label{font-size:7px;font-weight:700;color:#5c9ec0;letter-spacing:1px}.promo-card h3{font-size:22px;letter-spacing:-.8px;line-height:1.2;margin-top:9px;color:#125187}.promo-card p{font-size:9px;color:#6791ac;margin-top:9px}.promo-card p strong{color:#2771a7}.promo-cta{margin-top:14px;display:flex;gap:6px;align-items:center;font-size:9px;font-weight:700;color:#1472b7}.promo-cta svg{width:13px;height:13px}.promo-art{position:absolute;right:17px;top:34px;width:114px;height:124px;transform:rotate(10deg)}.gigabytes{position:absolute;display:flex;align-items:baseline;justify-content:center;gap:2px;width:95px;height:111px;padding-top:22px;font-size:52px;font-weight:800;letter-spacing:-5px;color:white;background:linear-gradient(135deg,#60c7f7,#117beb);border-radius:20px;box-shadow:6px 8px 0 #70b9e329,0 8px 13px #0a6da621;border:3px solid #ffffffc2}.gigabytes small{font-size:17px;letter-spacing:-1px;margin-left:4px}.promo-spark{position:absolute;right:0;top:-20px;color:white;text-shadow:0 2px 3px #63a6c344;font-size:40px}.signal{position:absolute;width:17px;height:8px;border-top:3px solid #57a8e7;right:0;bottom:2px;transform:rotate(-35deg)}.signal-two{bottom:-6px;width:12px}.slider-dots{display:flex;justify-content:center;gap:4px;margin:12px}.slider-dots i{width:4px;height:4px;border-radius:3px;background:#d7e1ec}.slider-dots i:first-child{width:15px;background:#1284f1}.recent-section{margin-top:22px}.empty-state{padding:22px 10px;text-align:center;border:1px dashed #e4ebf2;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#91a1b4}.empty-state>.icon{color:#9db5cc;width:27px;height:27px;margin-bottom:3px}.empty-state strong{color:#60778f;font-size:11px}.empty-state p{font-size:10px}.empty-state .text-button{margin-top:3px}.transaction{display:flex;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #f0f3f7}.transaction .service-icon{width:39px;height:39px;border-radius:12px}.transaction .service-icon svg{width:19px}.transaction-info{min-width:0;flex:1}.transaction-info strong{display:block;font-size:11px}.transaction-info span{font-size:9px;display:block;color:#99a4b3;margin-top:5px;overflow-wrap:anywhere}.transaction-value{text-align:right}.transaction-value strong{font-size:11px;display:block}.transaction-value span{display:inline-block;color:#36ae86;background:#edf9f3;font-size:8px;border-radius:4px;padding:3px 6px;margin-top:5px}.positive{color:#2eac88}.trust-footer{display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;color:#a0aebe;padding:23px 0 0}.trust-footer svg{width:13px;height:13px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,440px);display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;backdrop-filter:blur(16px);border-top:1px solid #edf0f4;padding:12px 13px max(14px,env(safe-area-inset-bottom));z-index:10}.bottom-nav button{display:flex;position:relative;align-items:center;flex-direction:column;gap:5px;color:#a0adbd;font-size:9px;padding:4px}.bottom-nav .icon{width:21px;height:21px}.bottom-nav .active{color:#0874ef;font-weight:700}.bottom-nav .active:before{content:'';position:absolute;top:-17px;width:20px;height:3px;background:#0874ef;border-radius:0 0 4px 4px}.page-title{margin:26px 0}.page-title h1{font-size:27px;margin-top:9px}.page-title p{font-size:11px;color:#96a2b2;margin-top:8px}.history-summary{padding:20px;background:#eef6ff;border-radius:16px;display:flex;justify-content:space-between;font-size:10px;color:#7193b6}.history-summary strong{display:block;font-size:22px;margin-top:7px;color:#176cc3;letter-spacing:-.7px}.search-box{margin:20px 0}.notice{background:#f5f8fc;color:#7c8ea3;padding:13px;border-radius:10px;font-size:11px;line-height:1.7;margin:15px 0}.offer-card{width:100%;display:flex;align-items:center;text-align:left;gap:12px;border:1px solid var(--border);border-radius:15px;padding:16px;margin:14px 0}.offer-card>span:nth-child(2){flex:1}.offer-card strong,.offer-card small,.offer-card b{display:block}.offer-card strong{font-size:13px}.offer-card small{font-size:10px;color:#95a1b1;margin:6px 0}.offer-card b{font-size:13px;color:var(--blue)}.offer-card>svg{width:16px;color:#a3b3c4}.profile-card{text-align:center;border:1px solid #e9eff5;background:linear-gradient(#f3f9ff,#fff);border-radius:20px;padding:27px 15px}.avatar.large{width:66px;height:66px;font-size:27px;margin:0 auto 14px}.profile-card h2{font-size:21px}.profile-card p{font-size:12px;color:#8899ac;margin:8px 0 20px}.profile-card .tiny-pill{display:inline-block}.account-menu{margin:25px 0}.account-menu button{padding:19px 3px;border-bottom:1px solid #f0f3f6;width:100%;display:flex;align-items:center;gap:12px;font-size:12px;text-align:left}.account-menu button>svg:first-child{width:19px;color:#648bab}.account-menu button>svg:last-child{margin-left:auto;width:14px;color:#a7b6c5}.account-menu .logout,.account-menu .logout>svg:first-child{color:#e27676}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#0b244e65;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-end;z-index:30}.bottom-sheet{background:white;max-width:440px;width:100%;border-radius:25px 25px 0 0;padding:12px 25px max(28px,env(safe-area-inset-bottom));max-height:90dvh;overflow:auto;animation:slide .2s ease-out}.sheet-handle{width:35px;height:4px;border-radius:5px;background:#e3e9ef;margin:0 auto 15px}.bottom-sheet .section-title{margin-bottom:9px}.bottom-sheet h2{font-size:20px}.sheet-description{color:#92a0b1;font-size:12px;margin-bottom:24px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.product-option{position:relative;margin:0}.product-option input{position:absolute;opacity:0}.product-option>span{display:block;border:1px solid #e3ebf3;border-radius:12px;padding:15px 11px;height:100%}.product-option input:checked+span{border-color:#1484f0;background:#eff7ff;box-shadow:0 0 0 1px #1484f0}.product-option input:focus-visible+span{outline:3px solid #99cfff}.product-option strong{display:block;font-size:12px}.product-option small{display:block;font-size:9px;font-weight:400;color:#8ba0b5;margin-top:7px;line-height:1.5}.product-option b{display:block;color:#0874ef;font-size:13px;margin-top:12px}.checkout-total{display:flex;justify-content:space-between;font-size:12px;margin:20px 0}.checkout-total>span{color:#8496a9}.amount-options{display:flex;gap:8px}.amount-options button{flex:1;border:1px solid #dce8f4;color:#2581d9;background:#f7fbff;padding:12px 4px;border-radius:10px;font-size:11px}.success-state{text-align:center;padding:10px 0}.success-icon{width:66px;height:66px;display:grid;place-items:center;margin:5px auto 18px;border-radius:50%;background:#e5f9ef;color:#24b28a}.success-icon svg{width:32px;height:32px}.success-state h3{font-size:20px}.success-state p{font-size:12px;color:#7e91a7;margin:17px 0}.success-state .tiny-pill{display:inline-block;color:#24a982;background:#ecfaf3}.notification-card{text-align:center;padding:25px 10px}.notification-card>svg{width:35px;height:35px;color:#1684e9;margin-bottom:15px}.notification-card p,.help-content p{font-size:13px;color:#8294a9;line-height:1.8;margin:15px 0}.help-content h3{font-size:14px;margin-top:22px}.help-content .brand{margin:20px 0}.boot{text-align:center;padding-top:45vh;color:#0874ef}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,15px);background:#163555;color:white;border-radius:13px;padding:13px 18px;max-width:365px;width:max-content;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 5px 25px #132e4730}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes slide{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}