*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#10201b;background:#f5f8f7}button,input{font:inherit}button{cursor:pointer}.np-site{--navy:#07111f;--navy-2:#0b1728;--blue:#2563eb;--blue-light:#dbeafe;--white:#fff;--muted:#667085;--line:#e5eaf0;min-height:100vh;color:var(--navy);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.np-site *{box-sizing:border-box}.np-site button,.np-site a{font:inherit}.np-site a{color:inherit;text-decoration:none}.np-nav{justify-content:space-between;align-items:center;gap:30px;width:min(1240px,100% - 48px);height:82px;margin:auto;display:flex}.np-brand img{object-fit:contain;width:142px;height:142px;display:block}.np-links{align-items:center;gap:34px;margin-left:auto;display:flex}.np-links a{color:#536071;font-size:14px;font-weight:600;transition:all .2s}.np-links a:hover{color:var(--navy)}.np-nav-actions{align-items:center;gap:10px;display:flex}.np-login,.np-primary,.np-secondary{cursor:pointer;border:0;transition:transform .2s,box-shadow .2s}.np-login{color:var(--navy);background:0 0;padding:12px 17px;font-weight:700}.np-primary{background:var(--blue);color:#fff;border-radius:12px;padding:12px 20px;font-weight:750;box-shadow:0 10px 25px #2563eb33}.np-primary:hover,.np-secondary:hover{transform:translateY(-2px)}.np-large{border-radius:14px;padding:16px 23px}.np-large span{margin-left:10px}.np-secondary{color:var(--navy);background:#fff;border:1px solid #dce3ea;border-radius:14px;padding:15px 21px;font-weight:700}.np-hero{color:#fff;background:radial-gradient(circle at 85% 20%,#2563eb3b,#0000 30%),linear-gradient(135deg,#07111f 0%,#0b1728 55%,#101f34 100%);border-radius:34px;grid-template-columns:1fr 1fr;align-items:center;width:min(1240px,100% - 48px);min-height:680px;margin:10px auto 0;padding:75px 70px;display:grid;overflow:hidden}.np-hero-copy{z-index:2;max-width:590px;position:relative}.np-eyebrow{color:#6b8cff;letter-spacing:2.2px;margin-bottom:19px;font-size:11px;font-weight:850;display:inline-block}.np-hero h1{letter-spacing:-4px;margin:0;font-size:clamp(48px,6vw,78px);line-height:.98}.np-hero h1 span{color:#b8cdfc}.np-hero-copy>p{color:#b6c0cf;max-width:500px;margin:28px 0;font-size:17px;line-height:1.7}.np-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.np-trust{color:#8e9bad;margin-top:28px;font-size:12px}.np-trust span{color:#5ee0a0;margin-right:8px}.np-hero-visual{place-items:center;min-height:500px;display:grid;position:relative}.np-glow{filter:blur(60px);background:#2563eb38;border-radius:50%;width:420px;height:420px;position:absolute}.np-card{z-index:2;background:linear-gradient(135deg,#ffffff2e,#ffffff0a),#12223a;border:1px solid #fff3;border-radius:24px;width:390px;height:235px;padding:28px;position:absolute;transform:rotate(7deg)translate(30px,-65px);box-shadow:0 35px 70px #0006}.np-card-top,.np-card-bottom{justify-content:space-between;align-items:center;display:flex}.np-card-top{color:#dce6f7;letter-spacing:1.5px;font-size:10px;font-weight:800}.np-card-top img{object-fit:contain;border-radius:10px;width:40px;height:40px}.np-card-number{color:#eaf0f8;letter-spacing:2px;margin-top:58px;font-size:19px}.np-card-bottom{color:#aebdd1;font-size:10px;font-weight:750;position:absolute;bottom:24px;left:28px;right:28px}.np-wallet{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3;background:#ffffff14;border:1px solid #ffffff21;border-radius:22px;width:350px;padding:25px;position:absolute;transform:translate(-30px,105px);box-shadow:0 25px 60px #00000040}.np-wallet>span{color:#91a0b4;font-size:12px}.np-wallet strong{color:#fff;letter-spacing:-1px;margin:8px 0 23px;font-size:29px;display:block}.np-wallet div{gap:8px;display:flex}.np-wallet button{color:#e7edf7;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;flex:1;padding:10px 6px;font-size:11px}.np-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#788493;letter-spacing:2px;justify-content:space-around;align-items:center;width:min(1240px,100% - 48px);margin:34px auto 0;padding:21px 0;font-size:10px;font-weight:850;display:flex}.np-marquee i{color:var(--blue);font-style:normal}.np-intro{text-align:center;max-width:760px;margin:125px auto 65px;padding:0 24px}.np-intro h2,.np-security h2,.np-final h2{color:var(--navy);letter-spacing:-3px;margin:0;font-size:clamp(38px,5vw,60px);line-height:1.02}.np-intro p{max-width:570px;color:var(--muted);margin:24px auto 0;line-height:1.7}.np-services{grid-template-columns:repeat(3,1fr);gap:15px;width:min(1120px,100% - 48px);margin:auto;display:grid}.np-services article{border:1px solid var(--line);background:#fff;border-radius:22px;min-height:225px;padding:28px;transition:all .25s}.np-services article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0f1e3214}.np-services b{background:var(--blue-light);width:46px;height:46px;color:var(--blue);border-radius:14px;place-items:center;margin-bottom:30px;font-size:20px;display:grid}.np-services h3{margin:0 0 8px;font-size:18px}.np-services p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.np-security{background:#f5f8fc;border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:min(1120px,100% - 48px);margin:130px auto;padding:70px;display:grid}.np-security p{max-width:500px;color:var(--muted);line-height:1.7}.np-security-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.np-security-grid div{background:#fff;border-radius:18px;min-height:130px;padding:20px}.np-security-grid strong{color:#9aa7b8;margin-bottom:35px;font-size:11px;display:block}.np-security-grid span{font-size:13px;font-weight:750}.np-final{text-align:center;color:#fff;background:#07111f;margin:0 auto 100px;padding:110px 24px}.np-final .np-eyebrow{color:#7190ff}.np-final h2{color:#fff}.np-final p{color:#9eabbb;margin:22px 0 30px}.np-footer{color:#7c8795;justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);margin:auto;padding:35px 0 45px;font-size:12px;display:flex}.np-footer img{object-fit:contain;object-position:left center;width:120px;height:55px}.np-footer p{margin:-8px 0 0}@media (width<=850px){.np-links{display:none}.np-nav{width:calc(100% - 28px)}.np-nav-actions .np-login{display:none}.np-hero{border-radius:27px;grid-template-columns:1fr;width:calc(100% - 28px);min-height:auto;padding:55px 25px 35px}.np-hero h1{letter-spacing:-2.8px;font-size:49px}.np-hero-visual{min-height:450px;margin-top:15px}.np-card{width:min(350px,88vw);transform:rotate(5deg)translate(5px,-60px)}.np-wallet{width:min(320px,82vw);transform:translate(-5px,100px)}.np-marquee{white-space:nowrap;justify-content:flex-start;gap:22px;width:calc(100% - 28px);overflow:hidden}.np-marquee span:nth-of-type(n+4),.np-marquee i:nth-of-type(n+4){display:none}.np-intro{margin-top:90px}.np-services{grid-template-columns:1fr;width:calc(100% - 28px)}.np-services article{min-height:185px}.np-security{grid-template-columns:1fr;gap:35px;width:calc(100% - 28px);margin:90px auto;padding:35px 24px}.np-security-grid{grid-template-columns:1fr 1fr}.np-final{padding:85px 20px}.np-footer{flex-direction:column;align-items:flex-start;gap:20px;width:calc(100% - 28px)}}@media (width<=430px){.np-brand img{width:125px;height:125px}.np-primary{padding:11px 14px}.np-hero h1{font-size:43px}.np-hero-copy>p{font-size:15px}.np-hero-actions{flex-direction:column}.np-primary.np-large,.np-secondary{width:100%}.np-card{height:205px;padding:22px}.np-card-number{margin-top:45px;font-size:15px}.np-wallet{padding:21px}.np-wallet strong{font-size:25px}.np-security-grid{grid-template-columns:1fr}}.np-nav-logo{object-fit:contain;object-position:center;width:150px;height:auto;display:block;overflow:visible}.np-hero-logo{object-fit:contain;object-position:center;max-width:100%;height:auto}@media (width<=850px){.np-nav-logo{width:125px}}.app{color:#101828;background:#f4f6f8;min-height:100vh}.home{width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:22px 18px 100px}.home-header h2{letter-spacing:-.6px;margin:5px 0 0;font-size:25px}.eyebrow{color:#16243a;letter-spacing:2px;font-size:11px;font-weight:800}.profile-btn{color:#fff;background:#16243a;border:0;border-radius:15px;width:46px;height:46px;font-size:17px;font-weight:800;box-shadow:0 8px 20px #0b7a4b2e}.balance-card{color:#fff;background:linear-gradient(145deg,#101828,#16243a);border-radius:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 35px #063f2a38}.balance-card:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-80px}.balance-top{color:#ffffffb8;justify-content:space-between;align-items:center;font-size:13px;display:flex}.balance-toggle{color:#fff;background:#ffffff1f;border:0;border-radius:10px;padding:7px 10px;font-size:11px}.balance-card strong{letter-spacing:-1.5px;margin:12px 0 16px;font-size:36px;display:block}.balance-card small{color:#ffffffb8;font-size:12px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 28px;display:grid}.quick-grid button{color:#101828;background:#fff;border:1px solid #e2eae5;border-radius:18px;min-height:88px;padding:12px 5px;box-shadow:0 5px 16px #10231b0d}.quick-grid span{font-size:11px;font-weight:700;display:block}.section-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-title h3{margin:0;font-size:17px}.section-title button{color:#1d4ed8;background:0 0;border:0;font-size:12px;font-weight:700}.empty-state{text-align:center;background:#fff;border:1px solid #e3ebe6;border-radius:20px;padding:34px 20px}.empty-state>div{color:#16243a;background:#eef2f7;border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:20px;font-weight:800;display:grid}.empty-state strong{font-size:14px;display:block}.empty-state p{color:#7b8b83;margin:7px 0 0;font-size:12px}.bottom-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;border:1px solid #e0e8e3;border-radius:22px;grid-template-columns:repeat(4,1fr);width:min(484px,100% - 24px);padding:8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #10231b1f}.bottom-nav button{color:#829088;background:0 0;border:0;border-radius:15px;flex-direction:column;align-items:center;gap:4px;padding:9px 3px;font-size:10px;display:flex}.bottom-nav button b{font-size:19px}.bottom-nav button.active{color:#1d4ed8;background:#eef2f7;font-weight:800}.auth-card,.welcome{width:min(92%,430px);margin:auto}.auth-card{padding:38px 24px}.brand-mark{color:#fff;background:#16243a;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:25px;font-size:24px;font-weight:900;display:grid}.auth-card h1{letter-spacing:-.8px;margin:8px 0;font-size:29px}.muted{color:#718078;line-height:1.6}.auth-card label{margin:22px 0 8px;font-size:12px;font-weight:800;display:block}.phone-input{background:#fff;border:1px solid #dbe5df;border-radius:15px;align-items:center;display:flex;overflow:hidden}.phone-input span{color:#6e7d75;padding-left:15px;font-weight:700}.phone-input input,.single-code-input{background:0 0;border:0;outline:none;width:100%;padding:15px;font-size:16px}.single-code-input{letter-spacing:5px;background:#fff;border:1px solid #dbe5df;border-radius:15px}.account-preview{background:#eaf7f1;border-radius:14px;margin-top:12px;padding:13px}.account-preview span{color:#65766d;font-size:11px;display:block}.account-preview strong{color:#1d4ed8;letter-spacing:1px;margin-top:4px;display:block}.primary-btn{color:#fff;background:#16243a;border:0;border-radius:15px;width:100%;margin-top:22px;padding:16px;font-size:15px;font-weight:800;box-shadow:0 10px 22px #0b7a4b2e}.primary-btn:disabled{opacity:.4}.text-btn{color:#1d4ed8;background:0 0;border:0;width:100%;margin-top:14px;padding:10px;font-weight:700}.demo-note{color:#829088;font-size:12px}.error-text{color:#c43d3d;font-size:12px}.welcome{flex-direction:column;justify-content:center;min-height:100vh;padding:35px 24px;display:flex}.hero-logo{margin-bottom:55px}.brand-mark.large{border-radius:25px;width:82px;height:82px;font-size:38px;box-shadow:0 18px 35px #0b7a4b38}.welcome h1{letter-spacing:-1.8px;margin:12px 0 16px;font-size:42px;line-height:1.02}.welcome p{color:#687870;max-width:390px;line-height:1.7}@media (width<=380px){.quick-grid{gap:6px}.quick-grid button{min-height:82px}.quick-grid span{font-size:10px}.welcome h1{font-size:36px}}@media (width<=380px){.service-grid{gap:6px}.service-grid button{min-height:82px}}.service-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:28px;display:grid}.service-grid button{color:#24352d;background:#fff;border:1px solid #e3ebe6;border-radius:17px;min-height:88px;padding:10px 4px;box-shadow:0 4px 13px #10231b0a}.service-icon{background:#edf8f2;border-radius:12px;place-items:center;width:38px;height:38px;margin:0 auto 7px;font-size:18px;display:grid}.service-grid button>span:last-child{font-size:10px;font-weight:700;display:block}.demo-sheet{z-index:20;background:#fff;border-radius:28px 28px 0 0;width:min(520px,100%);padding:28px 22px 32px;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -15px 40px #10231b29}.demo-sheet h3{margin:8px 0;font-size:24px}.demo-sheet p{color:#718078;font-size:13px;line-height:1.6}.sheet-close{color:#31443a;background:#edf3ef;border:0;border-radius:50%;width:34px;height:34px;font-size:23px;position:absolute;top:17px;right:18px}.profile-card{text-align:center;background:#fff;border:1px solid #e2ebe5;border-radius:23px;padding:26px 20px}.profile-avatar{color:#fff;background:#16243a;border-radius:22px;place-items:center;width:70px;height:70px;margin:0 auto 12px;font-size:27px;font-weight:900;display:grid}.profile-card h3{margin:5px 0;font-size:19px}.profile-card p{color:#718078;margin:0 0 12px;font-size:13px}.profile-card strong{color:#1d4ed8;background:#edf8f2;border-radius:10px;padding:9px 13px;font-size:11px;display:inline-block}.profile-menu{background:#fff;border:1px solid #e2ebe5;border-radius:19px;margin-top:18px;overflow:hidden}.profile-menu button{color:#24352d;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;width:100%;padding:17px;font-size:13px;display:flex}.profile-menu button:last-child{border-bottom:0}.profile-menu button span{color:#8a9790;font-size:21px}@media (width<=380px){.service-grid{gap:6px}.service-grid button{min-height:82px}}.northpay-header-logo{border-radius:12px;width:110px;height:auto;margin-bottom:10px;display:block}.northpay-welcome-logo{border-radius:24px;width:min(280px,78vw);height:auto;margin:0 auto;display:block}.northpay-dashboard-logo{border-radius:12px;width:120px;height:auto;margin-bottom:8px;display:block}.dashboard-brand h2{margin:0}.settings-btn{justify-content:center;align-items:center;font-size:24px;display:flex}.service-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #148c5f29;border-radius:18px;align-items:center;gap:14px;width:100%;margin:10px 0;padding:18px;transition:transform .15s,box-shadow .15s;display:flex}.service-option:active{transform:scale(.98)}.service-option:hover{box-shadow:0 8px 24px #00000014}.service-option-icon{background:#eefaf4;border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.service-option span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.service-option strong{color:#12352a;font-size:16px}.service-option small{color:#718078;font-size:12px;line-height:1.4}.service-option>b{color:#168b60;font-size:24px}.secondary-btn{color:#174536;cursor:pointer;background:#f1f5f3;border:0;border-radius:14px;width:100%;margin-top:12px;padding:14px;font-weight:700}.all-service-provider-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;width:52px;height:52px;display:flex}.all-service-provider-logo{object-fit:contain;background:#fff;border-radius:6px;width:22px;height:22px}.all-service-fallback-icon{font-size:25px;line-height:1}.all-services-page{color:#12352a;background:#f6faf8;min-height:100vh;padding-bottom:30px}.all-services-topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e5eee9;grid-template-columns:44px 1fr 44px;align-items:center;min-height:64px;padding:8px 14px;display:grid;position:sticky;top:0}.all-services-topbar h1{text-align:center;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.all-services-back,.all-services-search{color:#126b4d;cursor:pointer;background:#eef2f7;border:0;border-radius:13px;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.all-services-search{font-size:22px}.all-services-content{width:min(680px,100%);margin:0 auto;padding:18px 14px 40px}.all-services-section h2{color:#315247;margin:0 0 10px 4px;font-size:15px;font-weight:800}.all-service-item{color:#183b30;cursor:pointer;background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:94px;padding:10px 4px 9px;transition:background .15s,transform .15s;display:flex;position:relative}.all-service-item:active{background:#f0f8f4;transform:scale(.96)}.all-service-icon{background:#f0f8f4;border:1px solid #e2eee8;border-radius:17px;place-items:center;width:54px;height:54px;display:grid;position:relative}.all-service-provider-logos{gap:3px;width:48px;height:48px}.all-service-provider-logo{object-fit:contain;background:#fff;border-radius:6px;width:21px;height:21px;padding:2px}.all-service-fallback-icon{font-size:23px}.all-service-label{text-align:center;color:#28483d;width:100%;min-height:25px;font-size:10.5px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.all-service-badge{letter-spacing:.3px;color:#fff;background:#168b60;border-radius:999px;padding:3px 6px;font-size:7px;font-weight:900;line-height:1;position:absolute;top:-5px;right:-5px}.all-service-badge.new{background:#168b60}@media (width<=380px){.all-services-content{padding-left:10px;padding-right:10px}.all-services-card{border-radius:19px;padding:7px}.all-services-grid{gap:4px}.all-service-item{min-height:88px}.all-service-icon{width:50px;height:50px}.all-service-label{font-size:9.5px}}.northpay-service-symbol{color:#087a52;place-items:center;width:30px;height:30px;font-family:Arial,sans-serif;font-size:21px;font-weight:800;line-height:1;display:grid}.all-service-icon .northpay-service-symbol{width:32px;height:32px}.popular-bank-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:4px 0 16px;display:grid}.popular-bank-item{color:#28483d;cursor:pointer;background:#fff;border:1px solid #e2ece7;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:78px;padding:8px 4px;display:flex}.popular-bank-item img{object-fit:contain;width:34px;height:34px}.popular-bank-item span{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:8px;font-weight:700;overflow:hidden}.popular-bank-item.selected{background:#eff9f4;border-color:#087a52;box-shadow:0 0 0 2px #087a5214}@media (width<=380px){.popular-bank-grid{gap:5px}.popular-bank-item{min-height:72px}.popular-bank-item img{width:30px;height:30px}.popular-bank-item span{font-size:7.5px}}.app{color:#101828;background:#f4f6f8}.home-header{margin-bottom:22px}.home-header h2{color:#101828;letter-spacing:-.8px;margin-top:8px;font-size:24px;font-weight:700}.northpay-dashboard-logo{object-fit:contain;width:128px;height:auto;display:block}.profile-btn{color:#101828;background:#fff;border:1px solid #dce2e8;border-radius:14px;width:44px;height:44px;box-shadow:0 8px 24px #10182814}.balance-card{color:#fff;background:#111827;border-radius:26px;padding:26px;box-shadow:0 20px 45px #0f172a2e}.balance-top{color:#ffffffa6}.balance-toggle{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.balance-card strong{letter-spacing:-1.8px;font-size:37px}.balance-card small{color:#ffffff94}.quick-grid button{color:#101828;background:#fff;border:1px solid #e1e6eb;border-radius:18px;min-height:90px;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 22px #1018280e}.quick-grid button:active{transform:scale(.97)}.quick-grid b{color:#1d4ed8;background:#f0f5f3}.quick-grid span{font-weight:700}.section-title h3{color:#101828;font-size:16px;font-weight:750}.section-title button{color:#1d4ed8}.empty-state{background:#fff;border:1px solid #e1e6eb;border-radius:22px;box-shadow:0 8px 24px #1018280a}.empty-state>div{color:#1d4ed8;background:#f0f5f3}.bottom-nav{background:#fffffff5;border:1px solid #dce2e8f2;box-shadow:0 18px 45px #10182824}.bottom-nav button.active{color:#fff;background:#101827}.northpay-auth-logo{object-fit:contain;width:96px;height:auto;max-height:48px;margin:0 auto 14px;display:block}.home{max-width:560px;padding:18px 16px 112px}.home-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.home-header>div{flex-direction:column;align-items:flex-start;display:flex}.home-header h2{letter-spacing:-.7px;margin:6px 0 0;font-size:22px;line-height:1.15}.home-header .northpay-dashboard-logo{object-fit:contain;width:64px;max-height:32px}.profile-btn{background:#fff;border:1px solid #e2e8f0;border-radius:15px;width:46px;height:46px;box-shadow:0 8px 24px #0f172a14}.balance-card{background:linear-gradient(145deg,#0f172a 0%,#172554 100%);border-radius:28px;min-height:168px;padding:24px;position:relative;overflow:hidden;box-shadow:0 22px 45px #0f172a33}.balance-card:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-95px;right:-70px}.balance-card:after{border-color:#38bdf81a;width:260px;height:260px;top:-130px;right:-130px}.balance-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.balance-toggle{border-radius:10px;padding:7px 12px;font-size:12px}.balance-card strong{z-index:2;letter-spacing:-1.6px;margin-top:18px;font-size:36px;line-height:1;display:block;position:relative}.balance-card small{z-index:2;margin-top:14px;display:block;position:relative}.quick-grid{gap:12px;margin:18px 0 30px}.quick-grid button{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:20px;min-height:94px;padding:14px 10px;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 8px 24px #0f172a0f}.quick-grid button:hover{border-color:#bfdbfe;box-shadow:0 12px 28px #2563eb1a}.quick-grid button:active{transform:scale(.95);box-shadow:0 4px 12px #0f172a14}.quick-grid b{color:#2563eb;background:#eff6ff;border-radius:13px;place-items:center;width:42px;height:42px;margin:0 auto 9px;font-size:18px;display:grid}.quick-grid span{font-size:12px;font-weight:700}.home .service-grid{gap:12px;margin-top:14px}.home .service-grid button{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:19px;min-height:88px;padding:14px 10px;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 7px 20px #0f172a0e}.home .service-grid button:hover{border-color:#bfdbfe;box-shadow:0 12px 28px #2563eb1a}.home .service-grid button:active{transform:scale(.95);box-shadow:0 4px 12px #0f172a14}.home .service-grid .service-icon{color:#2563eb;background:#eff6ff;border-radius:13px;place-items:center;width:42px;height:42px;margin:0 auto 9px;font-size:20px;display:grid}.home .service-grid button>span:last-child{font-size:12px;font-weight:700;line-height:1.2}.transactions-heading{margin-top:6px}.transactions-heading h3{letter-spacing:-.3px;font-size:17px}.transactions-heading button{font-weight:700}.home .empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:22px;margin-top:12px;padding:26px 20px;box-shadow:0 8px 24px #0f172a0b}.home .empty-state>div{color:#2563eb;background:#eff6ff;border-radius:16px;place-items:center;width:50px;height:50px;margin:0 auto 12px;font-size:20px;font-weight:800;display:grid}.home .empty-state strong{color:#0f172a;font-size:14px;display:block}.home .empty-state p{color:#64748b;margin:6px 0 0;font-size:12px}.home .bottom-nav{-webkit-backdrop-filter:blur(18px);background:#fffffff7;border:1px solid #e2e8f0;border-radius:22px;width:min(92%,520px);padding:8px;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #0f172a24}.home .bottom-nav button{color:#64748b;-webkit-tap-highlight-color:transparent;border-radius:15px;min-height:48px;transition:transform .16s,background .16s,color .16s}.home .bottom-nav button:active{transform:scale(.92)}.home .bottom-nav button.active{color:#fff;background:#0f172a}.home .bottom-nav button b{font-size:18px}.home .bottom-nav button span{font-size:10px;font-weight:700}.auth-card{background:#fffffffa;border:1px solid #e2e8f0;border-radius:30px;width:min(100%,560px);margin:0 auto;padding:30px 20px 34px;position:relative;box-shadow:0 24px 60px #0f172a1a,0 4px 14px #0f172a0a}.auth-card h1{color:#0f172a;letter-spacing:-1px;margin:10px 0 8px;font-size:28px;line-height:1.1}.auth-card .muted{color:#64748b;font-size:13px;line-height:1.55}.eyebrow{color:#2563eb;letter-spacing:.8px;background:#eff6ff;border-radius:10px;align-items:center;min-height:28px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.service-option{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;min-height:72px;margin-top:12px;padding:15px 16px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a0b}.service-option:hover{border-color:#bfdbfe;box-shadow:0 14px 30px #2563eb17}.service-option:active{transform:scale(.97);box-shadow:0 5px 14px #0f172a14}.primary-btn{color:#fff;-webkit-tap-highlight-color:transparent;background:#0f172a;border:0;border-radius:17px;min-height:54px;font-size:14px;font-weight:800;transition:transform .16s,box-shadow .16s;box-shadow:0 12px 26px #0f172a29}.primary-btn:active{transform:scale(.97);box-shadow:0 6px 14px #0f172a1f}.sheet-close{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:42px;height:42px;font-size:24px;line-height:1;transition:transform .16s,background .16s;box-shadow:0 8px 20px #0f172a12}.sheet-close:active{background:#eff6ff;transform:scale(.91)}.home-header .eyebrow{margin-bottom:2px}.home .profile-card{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 100%);border:1px solid #dbe4f0;border-radius:24px;margin-bottom:16px;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a24}.home .profile-card:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:170px;height:170px;position:absolute;top:-80px;right:-80px}.home .profile-card .profile-avatar{z-index:1;background:#ffffff1f;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:21px;display:grid;position:relative}.home .profile-card h3,.home .profile-card p{z-index:1;position:relative}.home .profile-card h3{letter-spacing:-.4px;margin:0;font-size:19px}.home .profile-card p{color:#ffffffb3;margin:6px 0 0;font-size:12px}.home .profile-menu{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:18px;box-shadow:0 10px 28px #0f172a0e}.home .profile-menu label{color:#475569;margin:4px 0 9px;font-size:12px;font-weight:800;display:block}.home .profile-menu .quick-grid{margin:0 0 20px}.home .profile-menu .quick-grid button{border-radius:18px;min-height:78px}.home .profile-menu .quick-grid button.service-selected{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 24px #2563eb1f}.home .profile-menu .quick-grid button.service-selected b{color:#fff;background:#2563eb}.home .profile-menu .single-code-input{color:#0f172a;background:#f8fafc;border:1px solid #dbe4f0;border-radius:16px;outline:none;width:100%;min-height:54px;margin:0 0 16px;padding:0 16px;font-size:15px;font-weight:650;transition:border-color .16s,box-shadow .16s,background .16s}.home .profile-menu .single-code-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.home>.primary-btn{width:100%;margin-top:16px}.home .profile-menu .service-grid{gap:10px;margin:0 0 20px}.home .profile-menu .service-grid button{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:18px;min-height:68px;padding:12px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;box-shadow:0 6px 18px #0f172a0b}.home .profile-menu .service-grid button:active{transform:scale(.96)}.home .profile-menu .service-grid button.service-selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 10px 24px #2563eb1a}.home .profile-menu .service-grid .service-icon{background:#f1f5f9;border-radius:12px;width:38px;height:38px;margin-bottom:7px;font-size:18px}.home .profile-menu .service-grid button.service-selected .service-icon{background:#dbeafe}.home .profile-menu .quick-grid button b img{object-fit:contain;width:28px;height:28px;margin:0 auto;display:block}.home .profile-menu .quick-grid button b{place-items:center;display:grid;overflow:hidden}.home .data-service-avatar{color:#2563eb;background:#eff6ff;font-size:25px;font-weight:800;box-shadow:inset 0 0 0 1px #dbeafe}.home .profile-menu .single-code-input{letter-spacing:1.5px;margin-top:6px;margin-bottom:20px}.home .profile-menu>button{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:17px;min-height:58px;margin-bottom:10px;padding:0 16px;box-shadow:0 6px 18px #0f172a0a}.home .profile-menu>button span{color:#0f172a;font-weight:800}.home .profile-menu+label{color:#334155;margin:18px 0 8px;font-size:12px;font-weight:800;display:block}.home .profile-menu+label+.single-code-input{text-align:center;letter-spacing:10px;font-size:20px;font-weight:800}.home .profile-card .data-success-avatar{color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #dbeafe}.home .data-success-card{text-align:center}.home .airtime-review-avatar{color:#2563eb;background:#eff6ff;box-shadow:inset 0 0 0 1px #dbeafe}.home .airtime-success-avatar{color:#2563eb;background:#eff6ff;font-size:24px;font-weight:900;box-shadow:inset 0 0 0 1px #dbeafe}.home .funding-account-card{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;border-radius:22px;margin:18px 0;padding:20px;box-shadow:0 10px 28px #0f172a0f}.home .funding-account-card span{color:#64748b;margin-top:12px;font-size:11px;font-weight:700;display:block}.home .funding-account-card span:first-child{margin-top:0}.home .funding-account-card strong{color:#0f172a;margin-top:3px;font-size:14px;display:block}.home .single-code-input{color:#0f172a;background:#f8fafc;border:1px solid #dbe4f0;border-radius:17px;min-height:58px;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px 2px #0f172a08}.home .single-code-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.home .funding-account-card strong:last-child,.home .funding-account-card strong:first-of-type{color:#2563eb}.home .funding-account-card span{letter-spacing:.2px}.home .funding-account-card strong{line-height:1.35}.home .funding-account-card strong:last-child{font-size:16px}.home .auth-card select{color:#0f172a;background:#f8fafc;border:1px solid #dbe4f0;border-radius:17px;min-height:56px;margin-bottom:18px;padding:0 16px;font-size:14px;font-weight:700;box-shadow:inset 0 1px 2px #0f172a08}.home .auth-card>input:not(.single-code-input){color:#0f172a;background:#f8fafc;border:1px solid #dbe4f0;border-radius:17px;min-height:56px;margin-bottom:18px;padding:0 16px;font-size:14px}.home .auth-card>input:not(.single-code-input):focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.home .auth-card .funding-account-card{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;border-radius:22px;margin:18px 0;padding:20px;box-shadow:0 10px 28px #0f172a0f}.home .auth-card .funding-account-card span{color:#64748b;letter-spacing:.2px;margin-top:12px;font-size:11px;font-weight:700;display:block}.home .auth-card .funding-account-card strong{color:#0f172a;margin-top:3px;font-size:14px;line-height:1.35;display:block}.home .auth-card .funding-account-card strong:last-child{color:#2563eb;font-size:16px}.home .auth-card select{appearance:auto;color:#0f172a;background:#f8fafc;border:1px solid #dbe4f0;border-radius:17px;min-height:56px;font-weight:700;box-shadow:inset 0 1px 2px #0f172a08}.home .auth-card select:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.home .auth-card label{color:#334155;letter-spacing:.1px;font-size:12px;font-weight:800}.home .auth-card select{cursor:pointer;width:100%;margin-top:7px;margin-bottom:18px;padding:0 16px}.home .auth-card select option{color:#0f172a;background:#fff}.home .auth-card .primary-btn{width:100%;margin-top:6px}.all-services-page{color:#0f172a;background:#f8fafc}.all-services-topbar{padding:18px 16px}.all-services-topbar h1{letter-spacing:-.6px;font-size:21px;font-weight:800}.all-services-back,.all-services-search{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:44px;height:44px;transition:transform .16s,box-shadow .16s;box-shadow:0 7px 20px #0f172a0f}.all-services-back:active,.all-services-search:active{transform:scale(.91);box-shadow:0 3px 10px #0f172a14}.all-services-content{padding:0 16px 30px}.all-services-section{margin-bottom:24px}.all-services-section h2{color:#334155;letter-spacing:.2px;margin:0 0 10px 2px;font-size:13px;font-weight:800}.all-services-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:7px;box-shadow:0 10px 28px #0f172a0e}.all-services-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.all-service-item{color:#0f172a;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #0000;border-radius:18px;min-height:94px;padding:12px 7px;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;position:relative}.all-service-item:hover{background:#f8fbff;border-color:#dbeafe;box-shadow:0 8px 18px #2563eb12}.all-service-item:active{background:#eff6ff;transform:scale(.93);box-shadow:0 3px 10px #0f172a14}.all-service-icon{color:#2563eb;background:#eff6ff;border-radius:14px;place-items:center;width:44px;height:44px;margin:0 auto 9px;font-size:20px;display:grid;position:relative}.all-service-label{color:#334155;font-size:11px;font-weight:750;line-height:1.25;display:block}.all-service-badge{color:#fff;background:#2563eb;border-radius:7px;padding:3px 6px;font-size:8px;font-weight:900;position:absolute;top:-6px;right:-7px}.all-service-badge.hot{background:#0f172a}@media (width<=380px){.all-services-grid{grid-template-columns:repeat(2,1fr)}}.home .auth-card .service-option{color:#0f172a;text-align:left;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:21px;grid-template-columns:50px 1fr 28px;align-items:center;gap:13px;min-height:86px;margin-top:12px;padding:15px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 9px 25px #0f172a0e}.home .auth-card .service-option:hover{border-color:#bfdbfe;box-shadow:0 14px 30px #2563eb1a}.home .auth-card .service-option:active{transform:scale(.96);box-shadow:0 5px 14px #0f172a17}.home .auth-card .service-option-icon{color:#2563eb;background:#eff6ff;border-radius:16px;place-items:center;width:50px;height:50px;font-size:23px;display:grid;box-shadow:inset 0 0 0 1px #dbeafe}.home .auth-card .service-option strong{color:#0f172a;font-size:14px;font-weight:800;display:block}.home .auth-card .service-option small{color:#64748b;margin-top:5px;font-size:11px;line-height:1.35;display:block}.home .auth-card .service-option>b{color:#2563eb;background:#f1f5f9;border-radius:10px;place-items:center;width:28px;height:28px;font-size:20px;display:grid}.home .auth-card .popular-bank-grid{gap:10px;margin:10px 0 20px}.home .auth-card .popular-bank-item{color:#334155;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:18px;min-height:82px;padding:10px 7px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;box-shadow:0 7px 20px #0f172a0b}.home .auth-card .popular-bank-item:hover{border-color:#bfdbfe;box-shadow:0 11px 25px #2563eb17}.home .auth-card .popular-bank-item:active{transform:scale(.94)}.home .auth-card .popular-bank-item.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 10px 25px #2563eb1c}.home .auth-card .popular-bank-item img{object-fit:contain;width:32px;height:32px;margin:0 auto 7px;display:block}.home .auth-card .popular-bank-item span{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;line-height:1.2;display:block;overflow:hidden}.home .auth-card .popular-bank-item.selected span{color:#1d4ed8}.home .auth-card .funding-account-card{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid #dbe4f0;border-radius:23px;margin:18px 0 22px;padding:20px;position:relative;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.home .auth-card .funding-account-card:before{content:"";border:1px solid #dbeafe;border-radius:50%;width:120px;height:120px;position:absolute;top:-55px;right:-55px}.home .auth-card .funding-account-card span{z-index:1;color:#64748b;letter-spacing:.2px;margin-top:12px;font-size:11px;font-weight:700;display:block;position:relative}.home .auth-card .funding-account-card span:first-child{margin-top:0}.home .auth-card .funding-account-card strong{z-index:1;color:#0f172a;margin-top:3px;font-size:14px;line-height:1.4;display:block;position:relative}.home .auth-card .funding-account-card span:last-of-type{margin-top:15px}.home .auth-card .funding-account-card strong:last-child{color:#2563eb;font-size:15px;font-weight:850}.home .auth-card>input[type=number]{color:#0f172a;letter-spacing:-.5px;background:#f8fafc;border:1px solid #dbe4f0;border-radius:19px;width:100%;min-height:68px;margin:7px 0 20px;padding:0 18px;font-size:24px;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px 2px #0f172a08}.home .auth-card>input[type=number]:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.home .auth-card>input[type=number]::placeholder{color:#94a3b8}.home .auth-card .single-code-input{color:#0f172a;text-align:center;letter-spacing:12px;background:#f8fafc;border:1px solid #dbe4f0;border-radius:20px;width:100%;min-height:68px;margin:8px 0 20px;font-size:25px;font-weight:850;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px 2px #0f172a08}.home .auth-card .single-code-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.home .auth-card .single-code-input::placeholder{color:#94a3b8;letter-spacing:10px}.home .auth-card .primary-btn:disabled{opacity:.5;cursor:not-allowed}.home .auth-card:has(.funding-account-card) h1{letter-spacing:-.9px}.home .auth-card .funding-account-card strong:first-of-type{color:#2563eb;font-weight:850}.home .auth-card .funding-account-card strong:last-of-type{font-size:16px}.home .auth-card .funding-account-card strong:nth-of-type(6){color:#0f172a;letter-spacing:-.5px;font-size:21px}.home .auth-card .funding-account-card strong:nth-of-type(7){color:#475569;font-size:13px}