@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary: #6366F1;--primary-dark: #4338CA;--primary-light: rgba(99, 102, 241, .1);--accent-mint: #34D399;--accent-coral: #FB7185;--accent-amber: #FBBF24;--accent-sky: #38BDF8;--accent-violet: #A78BFA;--success: #10B981;--success-light: rgba(16, 185, 129, .1);--danger: #EF4444;--danger-light: rgba(239, 68, 68, .1);--warning: #F59E0B;--background: #F8FAFC;--surface: #FFFFFF;--gradient-primary: linear-gradient(135deg, #6366F1 0%, #38BDF8 100%);--gradient-hero: linear-gradient(145deg, #4338CA 0%, #6366F1 40%, #38BDF8 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #34D399 100%);--gradient-danger: linear-gradient(135deg, #EF4444 0%, #FB7185 100%);--gradient-accent: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--glass-bg: rgba(255, 255, 255, .75);--border-color: #E2E8F0;--text-main: #1E293B;--text-muted: #64748B;--text-light: #94A3B8;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--shadow-primary: 0 4px 20px rgba(99, 102, 241, .25);--shadow-success: 0 4px 20px rgba(16, 185, 129, .25);--shadow-danger: 0 4px 20px rgba(239, 68, 68, .2);--shadow-nav: 0 -2px 24px rgba(0, 0, 0, .06);--space-xs: clamp(4px, 1vw, 6px);--space-sm: clamp(8px, 2vw, 12px);--space-md: clamp(14px, 3vw, 18px);--space-lg: clamp(18px, 4vw, 24px);--space-xl: clamp(24px, 5vw, 32px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button,input,select,textarea,[role=button]{touch-action:manipulation}input,select,textarea{font-size:16px}body{font-family:Zen Maru Gothic,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;background:var(--background);color:var(--text-main);font-size:clamp(15px,2.5vw,17px);line-height:1.7;letter-spacing:.01em;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow-x:hidden;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background-image:radial-gradient(at 20% 0%,rgba(99,102,241,.06) 0px,transparent 50%),radial-gradient(at 80% 100%,rgba(52,211,153,.05) 0px,transparent 50%);background-attachment:fixed}.heading-pop{font-family:Zen Maru Gothic,sans-serif;font-weight:700;color:var(--text-main);letter-spacing:.02em}.mono-amount{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em}.pop-card,.glass-card,.bento-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease-out),box-shadow .2s ease;color:var(--text-main)}@media(hover:hover)and (pointer:fine){.pop-card:hover,.glass-card:hover,.bento-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}}.card-hero{background:var(--gradient-hero);border:none;border-radius:var(--radius-xl);padding:var(--space-xl);color:#fff;box-shadow:var(--shadow-primary);position:relative;overflow:hidden}.card-hero:before{content:"";position:absolute;top:-50%;right:-30%;width:200px;height:200px;background:#ffffff14;border-radius:50%;pointer-events:none}.card-hero:after{content:"";position:absolute;bottom:-40%;left:-20%;width:150px;height:150px;background:#ffffff0d;border-radius:50%;pointer-events:none}.balance-amount{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(32px,8vw,44px);letter-spacing:-.03em;line-height:1.1}.balance-label{font-size:clamp(11px,2.5vw,13px);font-weight:600;opacity:.8;letter-spacing:.08em;text-transform:uppercase}.stat-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);padding:6px 14px;font-size:clamp(12px,2.5vw,14px);font-weight:600}.mobile-nav{position:fixed;bottom:0;left:0;right:0;padding:4px 0 calc(4px + env(safe-area-inset-bottom,0px));background:#fffffff0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(0,0,0,.04);z-index:2000;box-shadow:var(--shadow-nav)}.mobile-nav-inner{display:flex;justify-content:space-around;max-width:500px;margin:0 auto;padding:0 8px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);text-decoration:none;font-size:10px;font-weight:600;padding:6px 0 2px;min-width:56px;min-height:48px;border-radius:var(--radius-md);transition:color .2s ease;background:transparent;border:none;cursor:pointer;gap:1px}.mobile-nav-item i{font-size:22px;transition:color .2s ease;line-height:1}.mobile-nav-item:active{transform:scale(.88);transition:transform .1s ease}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item.active i{background:var(--primary-light);border-radius:10px;padding:4px 16px}.keyboard-open .mobile-nav{display:none}.btn-pop,.btn-cyber,.btn-rich{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:14px 24px;font-weight:700;font-size:16px;letter-spacing:.02em;transition:transform .15s var(--ease-out),box-shadow .15s ease;box-shadow:var(--shadow-primary);cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:52px}.btn-pop:active,.btn-cyber:active,.btn-rich:active{transform:scale(.96);box-shadow:0 2px 8px #6366f133}@media(hover:hover)and (pointer:fine){.btn-pop:hover,.btn-cyber:hover,.btn-rich:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f159}}.btn-outline-primary{background:transparent;border:1.5px solid var(--primary);color:var(--primary);box-shadow:none}.status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none}.status-success{background:var(--success-light);color:#059669}.status-danger{background:var(--danger-light);color:#dc2626}@keyframes fadeUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.animate-up{animation:fadeUp .5s var(--ease-out) both}.animate-pop{animation:fadeInScale .4s var(--ease-spring) both}.card-stagger>*:nth-child(1){animation:fadeUp .4s var(--ease-out) 0ms both}.card-stagger>*:nth-child(2){animation:fadeUp .4s var(--ease-out) 60ms both}.card-stagger>*:nth-child(3){animation:fadeUp .4s var(--ease-out) .12s both}.card-stagger>*:nth-child(4){animation:fadeUp .4s var(--ease-out) .18s both}.card-stagger>*:nth-child(5){animation:fadeUp .4s var(--ease-out) .24s both}.card-stagger>*:nth-child(6){animation:fadeUp .4s var(--ease-out) .3s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scroll-snap-x{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:4px}.scroll-snap-x::-webkit-scrollbar{display:none}.scroll-snap-x>*{scroll-snap-align:start;flex-shrink:0}.icon-circle{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.icon-circle-sm{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.pin-key{box-shadow:3px 3px 0 var(--primary-dark);min-height:60px;border-radius:var(--radius-md)!important;border:2px solid var(--primary)!important;background:#fff!important;color:var(--primary)!important;font-weight:800!important}.pin-key:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--primary-dark)}.form-control{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;font-size:16px;min-height:48px;background:var(--surface)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f114;outline:none}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}button:active,[role=button]:active{transform:scale(.96);transition:transform .1s ease}.sub-tab-group{display:flex;background:#0000000a;border-radius:var(--radius-md);padding:4px;gap:4px}.sub-tab{flex:1;padding:10px 16px;border:none;background:transparent;border-radius:var(--radius-sm);font-weight:700;font-size:14px;color:var(--text-light);cursor:pointer;transition:all .25s var(--ease-out);min-height:44px}.sub-tab.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.progress-bar-custom{height:12px;background:#0000000f;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-primary);transition:width 1s var(--ease-out)}.tx-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-color);transition:background .15s ease}.tx-item+.tx-item{margin-top:8px}@media(max-width:576px){.pop-card,.glass-card,.bento-card{padding:var(--space-md);border-radius:var(--radius-lg)}.row.g-2.align-items-end,.row.g-3.align-items-end,.row.g-4{flex-direction:column}.row.g-2.align-items-end>[class*=col-],.row.g-3.align-items-end>[class*=col-],.row.g-4>[class*=col-]{width:100%;max-width:100%;flex:0 0 100%}.btn-group-sm{width:100%;display:flex}.btn-group-sm .btn{flex:1}.list-group-item .row.g-2{flex-direction:column}.list-group-item .row.g-2>[class*=col-]{width:100%;max-width:100%;flex:0 0 100%}.list-group-item .d-flex.justify-content-between.align-items-center{flex-direction:column;gap:.75rem;align-items:flex-start}.list-group-item .btn-group{width:100%}.list-group-item .btn-group .btn{flex:1}.btn{min-height:44px}.btn-sm{min-height:36px}}@media(max-width:359px){:root{--space-lg: 14px;--space-xl: 18px}.mobile-nav-item{font-size:9px;min-width:48px}.balance-amount{font-size:28px}}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-success{background:var(--gradient-success)}