/* HG approved 2026 reference: visual layer only, real financial routes remain unchanged. */
:root{--hg-deep:#00347d;--hg-blue:#0867ee;--hg-soft:#eef6ff}
.app-shell:has(.hg-home),.app-shell:has(.hg-subhead){background:#f6faff}
.app-shell:has(.hg-home)::before,.app-shell:has(.hg-subhead)::before{display:none}
.content:has(.hg-home){padding:0!important;max-width:100%!important}
.hg-home{min-height:calc(100dvh - 80px);background:linear-gradient(#fff 0%,#f0f7ff 100%)}
.hg-home-blue,.hg-subhead{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 10% -10%,#208bff 0%,transparent 54%),linear-gradient(135deg,#085bcf 0%,#003681 56%,#076cf4 100%);color:#fff}
.hg-home-blue:before,.hg-subhead:before{content:"";position:absolute;inset:-15% -20% 0 -20%;z-index:-1;background:radial-gradient(ellipse 70% 38% at 45% 80%,transparent 66%,#4aafff5e 67%,transparent 68%),radial-gradient(ellipse 80% 48% at 60% 30%,transparent 62%,#5fb4ff3d 63%,transparent 64%);transform:rotate(-10deg)}
.hg-home-blue{min-height:250px;padding:calc(20px + env(safe-area-inset-top,0px)) 22px 52px}
.hg-home-greeting{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row-reverse}
.hg-home-greeting>div{text-align:right}.hg-home-greeting span{font-size:15px;color:#e1edff}.hg-home-greeting h1{font-size:27px;color:white;margin:4px 0}
.hg-home-profile{width:55px;height:55px;border-radius:50%;background:#fff;color:#103e87;border:1px solid #d3e8ff;display:grid;place-items:center;box-shadow:0 5px 16px #00204a29}
.hg-home-profile .ico{width:28px;height:28px}
.hg-balance-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;color:#edf6ff;margin-top:24px}
.hg-balance-value{font-size:clamp(43px,11vw,66px);font-weight:800;text-align:center;color:white;line-height:1.2;margin:12px 0 0;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.hg-balance-value small{font-size:.38em;letter-spacing:0}
.hg-home-body{position:relative;margin-top:-25px;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#fff,#f0f7ff);padding:16px 16px 24px;min-height:60vh}
.hg-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.hg-main-action{border:1px solid #e0eafa;border-radius:23px;min-width:0;min-height:148px;padding:16px 6px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#fff;color:#07285d;box-shadow:0 7px 20px #10477e12}
.hg-main-action>span{width:59px;height:59px;border-radius:50%;background:#e8f2ff;color:#0965eb;display:grid;place-items:center}
.hg-main-action .ico{width:32px;height:32px}.hg-main-action strong{font-size:21px}.hg-main-action small{font-size:12px;color:#647894;line-height:1.45}
.hg-main-deposit{background:linear-gradient(145deg,#0876ff,#0042b0);color:white;border-color:#1267d5;box-shadow:0 9px 22px #045ac22e}
.hg-main-deposit>span{background:#ffffff24;color:white}.hg-main-deposit small{color:#e0eeff}
.hg-recent{border:1px solid #e5eefb;border-radius:22px;background:white;box-shadow:0 5px 22px #0d488514;padding:16px;margin-bottom:16px}
.hg-recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.hg-recent-head h2{font-size:18px;color:#0a2e68;margin:0}.hg-recent-head button{display:flex;align-items:center;gap:4px;color:#0766e9;background:none;border:0;font-size:13px}
.hg-recent-row{display:flex;align-items:center;gap:9px;min-height:74px;padding:11px 0;border:0;border-top:1px solid #eaf0f8;background:none;width:100%;text-align:right;color:#0b2d62}
.hg-recent-symbol{flex:0 0 39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e4f0ff;color:#1167d9}.hg-recent-symbol.hg-dep{background:#ddf8ee;color:#04916d}
.hg-recent-symbol .ico{width:22px;height:22px}
.hg-recent-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.hg-recent-info strong{font-size:13px}.hg-recent-info small,.hg-recent-money small{font-size:11px;color:#70829a}
.hg-recent-money{display:flex;flex-direction:column;align-items:flex-start;gap:4px;white-space:nowrap}.hg-recent-money b{font-size:13px}.hg-plus{color:#078d5c}.hg-minus{color:#df4a35}
.hg-recent-row>.ico{width:14px;color:#8295b1}.hg-empty-recent{color:#70829a;text-align:center;padding:15px}
.hg-promo{margin:0 -16px 0;overflow:hidden}.hg-promo-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:0 16px;scrollbar-width:none;touch-action:pan-x pan-y}
.hg-promo-track::-webkit-scrollbar{display:none}.hg-promo-slide{flex:0 0 calc(100% - 32px);aspect-ratio:2/1;border-radius:20px;overflow:hidden;scroll-snap-align:center;background:linear-gradient(120deg,#e6f4ff,#d4e8ff);box-shadow:0 4px 14px #0d4d8920;pointer-events:none;user-select:none}
.hg-promo-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hg-promo-placeholder{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:20px;background:radial-gradient(circle at 85% 30%,#35b6ff88,transparent 40%),linear-gradient(120deg,#d3ecff,#0760cb);color:#fff}
.hg-promo-placeholder span{font-weight:800;font-size:21px}.hg-promo-placeholder small{font-size:13px;margin-top:8px}
.hg-promo-dots{display:flex;justify-content:center;align-items:center;gap:8px;min-height:25px}.hg-promo-dot{width:8px;height:8px;border-radius:100px;background:#c6dcf5;transition:width .2s ease,background .2s ease}.hg-promo-dot.active{background:#0875fa;width:16px}
.app-shell:has(.hg-home) .bottombar,.app-shell:has(.hg-subhead) .bottombar{border-radius:25px 25px 0 0;border-top:0;box-shadow:0 -5px 25px #194d8114;padding:9px 9px calc(9px + env(safe-area-inset-bottom,0px))}
.app-shell:has(.hg-home) .tab,.app-shell:has(.hg-subhead) .tab{min-height:63px;border-radius:17px}
.app-shell:has(.hg-home) .tab.active,.app-shell:has(.hg-subhead) .tab.active{background:#e5f1ff;color:#0069ed}
.content:has(.hg-subhead){padding:0 0 22px!important;max-width:100%!important}
.hg-subhead{padding:calc(38px + env(safe-area-inset-top,0px)) 20px 80px;min-height:185px}
.hg-subhead .row{margin:0!important}.hg-subhead .title{color:white!important;font-size:27px}.hg-subhead .subtitle{color:#e7f1ff;margin:7px 0}.hg-subhead .plain-icon{background:white;color:#0867df;border-radius:50%;height:50px;width:50px}
.hg-subbody{padding:0 16px 25px;margin-top:-50px;position:relative}
.hg-profile-identity{border-radius:24px;background:#fff;display:flex;align-items:center;gap:18px;padding:25px 18px;margin-bottom:18px;box-shadow:0 7px 24px #17478117;border:1px solid #e4eefb}
.hg-profile-avatar{flex:0 0 84px;height:84px;display:grid;place-items:center;border-radius:50%;background:#e8f2ff;color:#0d60c9;border:3px solid #fff;box-shadow:0 0 0 2px #d6e8ff}
.hg-profile-identity h2{color:#0c2b63;font-size:23px;margin:0 0 7px}.hg-profile-identity p{color:#6d7f9b;font-size:12px;margin:0 0 10px;text-align:right;overflow-wrap:anywhere}
.hg-verified{display:inline-flex;align-items:center;gap:5px;background:#e9f3ff;color:#0966df;border-radius:30px;padding:6px 10px;font-size:12px;font-weight:700}
.hg-profile-option,.hg-logout,.hg-guide{border-radius:20px!important;min-height:73px!important;margin-bottom:12px!important;box-shadow:0 6px 19px #123e7010!important}
.hg-logout{color:#d42d48!important}.hg-logout .circle{background:#fff0f2!important;color:#d42d48!important}
.hg-help-support{min-height:110px;background:linear-gradient(110deg,#e5f3ff,#c5e2ff);border-radius:22px;margin-bottom:24px;box-shadow:0 7px 20px #0752a019}
.hg-subbody .section-title{font-size:19px;font-weight:800;color:#0a306a;margin:22px 0 13px}
.hg-subbody .faq{border-radius:17px;margin-bottom:10px}
@media(min-width:720px){.hg-home,.hg-subbody{max-width:540px;margin-left:auto;margin-right:auto}.hg-home-blue{padding-left:max(22px,calc((100vw - 540px)/2));padding-right:max(22px,calc((100vw - 540px)/2))}.hg-home-body{max-width:540px;margin-left:auto;margin-right:auto}}
@media(max-width:365px){.hg-main-action{min-height:132px}.hg-main-action small{font-size:11px}.hg-recent-money b{font-size:11px}.hg-recent-info strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hg-promo-track{scroll-behavior:auto}.hg-promo-dot{transition:none}}