:root{--blue:#3A4FE0;--blue-600:#3140c4;--blue-050:#eef0ff;--navy:#0e1730;--navy-2:#16224a;--gold:#C9973A;--gold-2:#B8862B;--green:#3FAE68;--red:#E0594F;--ink:#111a2e;--muted:#66708a;--faint:#98a1b6;--line:#e7eaf2;--bg:#eef1f7;--card:#ffffff}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif}.app-frame{max-width:460px;margin:0 auto;height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}app-wallet-shell,app-login{flex:1;min-height:0;display:flex;flex-direction:column}input,select,textarea,button{font-family:inherit;color:inherit}.ic-svg{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.faint{color:var(--faint)}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between}.pad{padding:0 14px}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.chip.g{background:#3fae6824;color:var(--green)}.chip.o{background:#c9973a29;color:var(--gold-2)}.chip.r{background:#e0594f24;color:var(--red)}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:8px;width:100%;background:linear-gradient(135deg,var(--blue),#5867ec);color:#fff;font-weight:700;font-size:14px;border:0;box-shadow:0 10px 20px #3a4fe047;cursor:pointer}.btn.ghost{background:#fff;color:var(--blue);border:0;box-shadow:0 3px 12px #0e17301a}.btn:disabled{opacity:.5;cursor:not-allowed}.ic-circle{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#5a6cff,#3a4fe0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.hero{background:linear-gradient(165deg,#3a4fe0,#2c3aa8);border-radius:0 0 16px 16px;padding:14px 16px 34px;position:relative;overflow:hidden;color:#fff}.hero .bal{font-size:30px;font-weight:800;letter-spacing:-.5px}.bellbtn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:#ffffff29;border:0;cursor:pointer}.eyebtn{opacity:.85;cursor:pointer;font-size:16px;display:inline-flex;background:none;border:0;color:#fff}.actioncard{margin:-30px 14px 0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 30px #0e17301f;display:flex;align-items:stretch;position:relative;z-index:5}.act{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 6px;font-weight:700;font-size:13.5px;color:var(--ink);background:none;border:0;cursor:pointer}.act .ai{width:32px;height:32px;border-radius:7px;background:#f4f6fb;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px}.ailogo{width:24px;height:24px;object-fit:contain;display:block}.vdiv{width:1px;background:var(--line);margin:12px 0}.svcbox{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 10px;box-shadow:0 2px 10px #0e17300f}.svcscroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 2px 4px;-webkit-overflow-scrolling:touch}.svcscroll::-webkit-scrollbar{display:none}.svc{flex:none;width:66px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10.5px;font-weight:600;color:var(--ink);background:none;border:0;cursor:pointer}.svc-ic{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:21px}.svc-l{min-height:26px;line-height:1.2;text-align:center;display:block}.svc.soon{position:relative;opacity:.45}.svc.soon .soon-tag{position:absolute;top:-6px;right:2px;background:var(--ink);color:#fff;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:2px 5px;border-radius:6px;line-height:1;opacity:.9}.toast{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;width:calc(100% - 40px);max-width:380px;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000047;font-size:12.5px;font-weight:700;cursor:pointer;animation:toastin .22s ease}.toast app-icon{font-size:18px;flex:none}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.listitem{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.listitem:last-child{border-bottom:0}.seg{display:flex;background:#e9ecf5;border-radius:8px;padding:4px;gap:4px}.seg div{flex:1;text-align:center;font-size:12px;font-weight:700;color:var(--muted);padding:8px;border-radius:6px;cursor:pointer}.seg div.on{background:#fff;color:var(--blue);box-shadow:0 2px 6px #0000000f}.amountbox{text-align:center;padding:18px;border-radius:12px;background:#fff;border:1.5px solid var(--blue-050)}.amountbox .ab-label{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.3px}.amountbox .ab-input{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px;min-height:48px}.amountbox .ab-cur{font-size:30px;color:var(--muted);font-weight:800;line-height:1}.amountbox .ab-sep{width:1px;height:36px;background:var(--line);flex:none}.amountbox input{border:0;outline:0;text-align:left;font-size:34px;font-weight:800;color:var(--ink);background:none;width:auto;max-width:62%;min-width:80px}.apphead{display:flex;align-items:center;gap:10px;padding:10px 16px}.apphead .back{font-size:20px;color:var(--ink);width:24px;background:none;border:0;cursor:pointer}.apphead h2{font-size:16px;font-weight:800;margin:0}.qrwrap{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center;width:100%;max-width:320px;box-shadow:0 4px 18px #0e173014}.qrbox{width:220px;height:220px;margin:0 auto;border:8px solid #fff;border-radius:6px;box-shadow:0 6px 16px #0000001f;display:flex;align-items:center;justify-content:center;background:#fff}.qrbox img,.qrbox canvas{width:100%;height:100%;image-rendering:pixelated}.successcircle{width:88px;height:88px;border-radius:50%;background:#3fae6824;display:flex;align-items:center;justify-content:center;font-size:44px;color:var(--green);margin:8px auto 12px}.tabbar{position:relative;z-index:40;height:64px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;flex:none;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.tabbar a{text-decoration:none}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:var(--faint);font-weight:600;white-space:nowrap;background:none;border:0;cursor:pointer}.tab .ic{font-size:20px;line-height:1}.tab.active{color:var(--blue)}.tabline{width:16px;height:3px;border-radius:3px;background:var(--blue);margin-top:2px}.qrtab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:0;cursor:pointer}.qrbtn{width:44px;height:44px;border-radius:50%;margin-top:-16px;font-size:22px;color:#fff;background:linear-gradient(135deg,#3a4fe0,#2c3aa8);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #3a4fe06b;border:3px solid #fff}.qrtab span{font-size:9.5px;color:var(--faint);font-weight:600;margin-top:2px}.notif{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.notif:last-child{border-bottom:0}.un{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none;margin-top:6px}.emptybox{text-align:center;color:var(--faint);font-size:13px;padding:40px 10px}.daylabel{font-size:11px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.4px;margin:14px 2px 4px}.lbl{font-size:10.5px;color:var(--faint);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.field{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 14px}.field input,.field select{border:0;outline:0;font-size:15px;font-weight:700;color:var(--ink);background:none;width:100%;margin-top:3px}.sect{font-weight:800;font-size:14px;margin:18px 2px 8px}.banner{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x mandatory}.banner::-webkit-scrollbar{display:none}.slide{min-width:86%;scroll-snap-align:start;border-radius:12px;padding:15px 16px;color:#fff;position:relative;overflow:hidden;flex:none}.slide.s1{background:linear-gradient(120deg,#16224a,#3a4fe0)}.slide.s2{background:linear-gradient(120deg,#0f766e,#3fae68)}.slide:before{content:"";position:absolute;right:-24px;bottom:-34px;width:110px;height:110px;border-radius:50%;background:#ffffff1a}.slide .tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.5px;background:#ffffff2e;padding:3px 8px;border-radius:6px}.slide h4{margin:8px 0 3px;font-size:15px;font-weight:800;position:relative;z-index:2}.slide p{margin:0;font-size:10.5px;opacity:.9;max-width:190px;position:relative;z-index:2}.dots{display:flex;gap:6px;justify-content:center;margin-top:10px}.dot2{width:7px;height:7px;border-radius:50%;background:#cfd6e6;cursor:pointer;transition:background .2s,transform .2s}.dot2.on{background:var(--blue);transform:scale(1.15)}.recentcard{cursor:pointer;box-shadow:0 2px 10px #0e17300f;transition:box-shadow .18s}.recentcard:active{box-shadow:0 1px 4px #0e17301a}.linkbtn{background:none;border:0;padding:0;font-size:11px;color:var(--blue);font-weight:700;cursor:pointer}.paylayout{display:flex;flex-direction:column;min-height:100%}.payhead{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.payhead h1{margin:0;font-size:21px;font-weight:800;color:var(--ink)}.gear{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:17px;cursor:pointer}.wallet{position:relative;overflow:hidden;border-radius:16px;padding:16px;color:#fff;background:linear-gradient(135deg,#3a4fe0,#2c3aa8 60%,#20287e);box-shadow:0 14px 26px #2c3aa852}.wallet:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,rgba(255,255,255,.08) 0 2px,transparent 2px 26px);opacity:.7}.wallet:after{content:"";position:absolute;right:-40px;top:-46px;width:150px;height:150px;border-radius:50%;background:#ffffff1a}.wallet .wtop{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.wallet .wbrand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px}.wallet .wmark{width:24px;height:24px;border-radius:7px;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px}.wallet .wdots{background:none;border:0;color:#fff;opacity:.85;letter-spacing:2px;font-size:18px;cursor:pointer}.wallet .wcur{position:relative;z-index:2;font-size:11px;opacity:.85;font-weight:700;margin-top:12px}.wallet .wrow{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:2px}.wallet .wamt{font-size:29px;font-weight:800;letter-spacing:-.5px}.wallet .weye{background:none;border:0;color:#fff;opacity:.85;font-size:16px;display:inline-flex;cursor:pointer}.cardpill{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:12px;box-shadow:0 2px 10px #0e17300d;cursor:pointer;text-align:left;font:inherit;color:inherit}.cardpill .cp-l{flex:1;font-weight:700;font-size:13px}.cardpill app-icon:first-child{color:var(--blue);font-size:18px;display:flex}.cardpill app-icon:last-child{color:var(--faint);font-size:18px;display:flex}.qa{display:flex;justify-content:space-between;gap:6px}.qa .qitem{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;cursor:pointer;position:relative}.qa .qc{width:52px;height:52px;border-radius:16px;background:var(--blue-050);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:22px}.qa .ql{font-size:11px;font-weight:700;color:var(--ink)}.qa .qitem.soon{opacity:.45}.qa .qitem.soon .qc{background:#eef0f4;color:var(--muted)}.exgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.excard{position:relative;overflow:hidden;border-radius:16px;padding:13px;min-height:112px;color:#fff;border:0;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;justify-content:flex-end}.excard:before{content:"";position:absolute;right:-24px;bottom:-28px;width:100px;height:100px;border-radius:50%;background:#ffffff1f}.excard h4{margin:0;font-size:14px;font-weight:800;position:relative;z-index:2}.excard p{margin:3px 0 0;font-size:10.5px;opacity:.92;position:relative;z-index:2}.excard .extag{position:absolute;top:11px;right:11px;font-size:8px;font-weight:800;letter-spacing:.4px;background:#ffffff38;padding:3px 6px;border-radius:6px}.excard .extagL{position:absolute;top:12px;left:13px;font-size:8.5px;font-weight:800;letter-spacing:.4px;background:#fff3;padding:3px 7px;border-radius:6px}.excard .exic{position:absolute;top:11px;left:13px;font-size:20px;z-index:2;display:flex;color:#fff}.excard.p1{background:linear-gradient(135deg,#16224a,#3a4fe0)}.excard.p2{background:linear-gradient(135deg,#0f766e,#3fae68)}.excard.k1{background:linear-gradient(135deg,#1f2a63,#4457e6)}.excard.k2{background:linear-gradient(135deg,#5b21b6,#8b5cf6)}.cashinpage{display:flex;flex-direction:column;min-height:100%}.topnav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;height:56px;padding:0 12px;margin-bottom:16px;background:linear-gradient(165deg,#3a4fe0,#2c3aa8);color:#fff;box-shadow:0 2px 10px #0e17301f}.topnav .tn-back{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:#ffffff29;border:0;cursor:pointer}.topnav .tn-title{flex:1;text-align:center;font-size:16px;font-weight:800;color:#fff}.topnav .tn-spacer{width:36px;flex:none}.topnav .tn-action{flex:none;background:#ffffff29;border:0;color:#fff;font-size:11px;font-weight:700;cursor:pointer;padding:7px 10px;border-radius:8px;white-space:nowrap}.amountpage{flex:1;display:flex;flex-direction:column;min-height:0;padding:4px 14px 0}.amountpage .ap-body{flex:1}.amountpage .ca-foot{padding:14px 0 calc(16px + env(safe-area-inset-bottom))}.presetrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.preset{border:0;border-radius:999px;padding:11px 4px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .12s,box-shadow .12s}.preset.on{box-shadow:inset 0 0 0 2px currentColor;transform:translateY(-1px)}.qrpage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.qr-amt{font-weight:800;font-size:15px;margin-top:14px}.qr-actions{width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.kycbadge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:800}.kycbadge app-icon{font-size:15px}.menucard{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0e17300d}.menurow{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;color:inherit;cursor:pointer;text-decoration:none;font:inherit}.menurow:last-child{border-bottom:0}.menurow .mr-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--blue-050);color:var(--blue);flex:none}.menurow .mr-l{flex:1;font-weight:700;font-size:13.5px}.menurow .mr-chev{color:var(--faint);font-size:18px;display:flex}.menurow.danger .mr-ic{background:#e0594f1f;color:var(--red)}.menurow.danger .mr-l{color:var(--red)}.setsec{font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);margin:18px 2px 8px}.inforow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.inforow:last-child{border-bottom:0}.inforow .k{color:var(--muted);font-weight:600}.inforow .v{font-weight:700;text-align:right}.setrow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.setrow:last-child{border-bottom:0}.setrow .sr-l{flex:1;display:flex;flex-direction:column}.setrow .sr-l b{font-size:13px;font-weight:700}.setrow .sr-l .faint{font-size:11px;margin-top:1px}.switch{width:44px;height:26px;border-radius:999px;background:#cfd6e6;border:0;position:relative;cursor:pointer;transition:background .2s;flex:none}.switch.on{background:var(--green)}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000040}.switch.on .knob{transform:translate(18px)}.legal h4{font-size:13px;font-weight:800;margin:14px 0 4px}.legal h4:first-child{margin-top:0}.legal p{margin:0 0 8px;font-size:12.5px;line-height:1.6;color:var(--ink)}.methodhead{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.mh-ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.howto{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 2px 10px #0e17300f}.howto-h{font-weight:800;font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:var(--blue);margin-bottom:8px}.howto ol{margin:0;padding-left:20px}.howto ol li{font-size:12.5px;line-height:1.55;color:var(--ink);margin-bottom:4px}.howto ol li:last-child{margin-bottom:0}.login{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 26px;overflow-y:auto;background:linear-gradient(180deg,#0e1730,#16224a 60%,#1d2f68);color:#fff}.login .field{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:12px 14px;color:#fff}.login .field input{background:none;border:0;outline:0;color:#fff;font-size:15px;font-weight:700;width:100%}.pinrow{display:flex;gap:10px;justify-content:center;margin-top:8px}.pindot{width:14px;height:14px;border-radius:50%;background:#93a0ff;opacity:.4}.pindot.on{opacity:1}
