/* MANTA V48 — reference fidelity + small-screen layout repair */

/* Quick actions: recognizable pictograms, clean white tiles */
.home-page .quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:16px 0 16px!important}
.home-page .quick-action{min-height:112px!important;padding:12px 5px 10px!important;gap:7px!important;border:1px solid #b8d9ff!important;border-radius:22px!important;background:linear-gradient(150deg,#fff 0%,#edf5ff 100%)!important;box-shadow:0 8px 18px rgba(0,72,170,.14),inset 0 1px #fff!important;color:#082d87!important}
.home-page .quick-icon{width:54px!important;height:54px!important;flex:0 0 54px!important;display:grid!important;place-items:center!important;padding:2px!important;border:0!important;border-radius:15px!important;background:transparent!important;box-shadow:none!important;color:#075bdc!important}
.home-page .quick-icon svg{display:block;width:100%!important;height:100%!important;overflow:visible}
.home-page .quick-action b{font-size:14px!important;line-height:1.2!important;font-weight:950!important;color:#0a2f8b!important;white-space:normal!important;overflow-wrap:normal!important}

/* Balance and commission become illustrated hero cards */
.home-page .overview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:16px 0 24px!important}
.home-page .overview-card{position:relative!important;isolation:isolate!important;display:block!important;min-width:0!important;min-height:154px!important;padding:16px 13px!important;overflow:hidden!important;border:1px solid #39b9ff!important;border-radius:24px!important;background:linear-gradient(125deg,#071d72 0%,#0759d2 58%,#078fe0 100%)!important;box-shadow:0 12px 26px rgba(0,64,176,.27),inset 0 1px 0 #ffffff80!important;color:#fff!important}
.home-page .overview-card:before{content:""!important;position:absolute!important;z-index:-1!important;right:-28px!important;top:-46px!important;width:158px!important;height:158px!important;border:1px solid #ffffff39!important;border-radius:50%!important;box-shadow:0 0 0 15px #ffffff0c,0 0 0 32px #ffffff08!important}
.home-page .overview-card:after{content:""!important;position:absolute!important;z-index:-1!important;right:-30px!important;bottom:-56px!important;width:145px!important;height:145px!important;border-radius:50%!important;background:linear-gradient(145deg,#21d6ff3b,#ffffff05)!important}
.home-page .overview-card.commission-card{background:linear-gradient(125deg,#06185e 0%,#0644b8 51%,#0085db 100%)!important}
.home-page .overview-content{position:relative!important;z-index:2!important;width:78%!important;min-width:0!important}
.home-page .overview-label{display:flex!important;align-items:center!important;gap:7px!important;color:#e7f5ff!important;font-size:12px!important;font-weight:900!important;line-height:1.25!important}
.home-page .overview-label i{width:30px!important;height:30px!important;flex:0 0 30px!important;display:grid!important;place-items:center!important;border:1px solid #b8eaff!important;border-radius:11px!important;background:linear-gradient(145deg,#ffffff50,#ffffff16)!important;color:#fff!important;font-size:17px!important}
.home-page .overview-card strong{display:block!important;position:relative!important;z-index:2!important;margin:10px 0 7px!important;color:#fff!important;font-size:clamp(17px,4.25vw,25px)!important;font-weight:1000!important;letter-spacing:-.5px!important;line-height:1.12!important;white-space:nowrap!important;overflow-wrap:normal!important;text-shadow:0 2px 8px #00184e55!important}
.home-page .overview-card small{display:block!important;color:#d7efff!important;font-size:10px!important;font-weight:750!important;white-space:nowrap!important}
.home-page .overview-card>button{position:absolute!important;z-index:4!important;right:11px!important;top:11px!important;width:36px!important;height:36px!important;border:1px solid #ffffff78!important;border-radius:50%!important;background:linear-gradient(145deg,#ffffff38,#ffffff12)!important;color:#fff!important;font-size:22px!important;box-shadow:0 4px 12px #00194b55!important}
.home-page .overview-card-art{position:absolute!important;z-index:1!important;right:0!important;bottom:0!important;width:43%!important;height:82%!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;pointer-events:none!important;opacity:.96!important}
.home-page .overview-card-art svg{width:100%!important;height:100%!important;max-height:120px!important;overflow:visible!important;filter:drop-shadow(0 5px 8px #00194b55)!important}
.home-page .balance-art .coin-art{position:absolute!important;right:7px!important;bottom:6px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:linear-gradient(145deg,#ffeb8b,#f5a900)!important;color:#0750b6!important;font-size:21px!important;font-weight:1000!important;box-shadow:0 3px 10px #00194b55!important}
.home-page .commission-art{width:46%!important;opacity:1!important}

/* Package cards: one readable card per row on phones; no narrow vertical text */
.home-page .home-featured-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:stretch!important}
.home-page .home-featured-package{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;width:100%!important;padding:14px!important;border:1px solid #9bcfff!important;border-radius:24px!important;background:linear-gradient(135deg,#e7f7ff 0%,#cde8ff 54%,#f9fcff 100%)!important;box-shadow:0 11px 25px rgba(13,92,183,.19),inset 0 1px #fff!important}
.home-page .home-featured-package.growth-featured{border-color:#d3a4ff!important;background:linear-gradient(135deg,#fbf0ff 0%,#e9d7ff 54%,#fffaff 100%)!important;box-shadow:0 11px 25px rgba(110,39,190,.17),inset 0 1px #fff!important}
.home-page .featured-package-ribbon{align-self:flex-start!important;max-width:100%!important;padding:9px 15px!important;margin:0 0 2px!important;border-radius:11px 11px 11px 3px!important;background:linear-gradient(100deg,#078ff5,#123dc7)!important;color:#fff!important;font-size:14px!important;font-weight:1000!important;line-height:1.2!important;box-shadow:0 6px 14px #064bbd35!important}
.home-page .growth-featured .featured-package-ribbon{background:linear-gradient(100deg,#c51be9,#5512c4)!important}
.home-page .home-featured-package .package-card-top{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:minmax(118px,.88fr) minmax(0,1.12fr)!important;align-items:center!important;gap:13px!important;width:100%!important;min-width:0!important}
.home-page .home-featured-package .package-image,.home-page .home-featured-package .package-image-fallback{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:clamp(160px,43vw,205px)!important;min-width:0!important;min-height:0!important;max-height:none!important;flex:none!important;margin:0!important;object-fit:contain!important;object-position:center!important;padding:7px!important;border-radius:20px!important;background:linear-gradient(145deg,#f5fbff,#d7eaff)!important;border:1px solid #c6e1fb!important;box-shadow:0 8px 20px rgba(15,91,163,.15)!important}
.home-page .home-featured-package .package-image-fallback{flex-direction:column!important;color:#0878d8!important;font-size:38px!important}
.home-page .home-featured-package .package-image-fallback small{font-size:11px!important;color:#244b8c!important}
.home-page .home-featured-package .package-main{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;width:100%!important;min-width:0!important;flex:1 1 auto!important}
.home-page .home-featured-package .package-main .tag{display:inline-flex!important;align-items:center!important;max-width:100%!important;padding:6px 10px!important;border:1px solid #c8def4!important;border-radius:99px!important;background:#f2f8ff!important;color:#15569d!important;font-size:11px!important;font-weight:950!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important}
.home-page .home-featured-package .package-main h3{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;margin:2px 0!important;color:#0b2c67!important;font-size:clamp(17px,4.3vw,21px)!important;font-weight:1000!important;line-height:1.28!important;overflow-wrap:break-word!important;word-break:normal!important}
.home-page .home-featured-package .package-main .price{display:block!important;width:100%!important;margin:2px 0!important;color:#0752ae!important;font-size:clamp(21px,5vw,27px)!important;font-weight:1000!important;line-height:1.15!important;letter-spacing:-.3px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
.home-page .home-featured-package .package-facts{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;margin:5px 0 0!important}
.home-page .home-featured-package .package-facts span,.home-page .home-featured-package .package-facts span:last-child{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;grid-column:auto!important;min-width:0!important;width:100%!important;padding:7px 9px!important;border:1px solid #d1e6f8!important;border-radius:11px!important;background:#ffffffbc!important;font-size:11px!important;line-height:1.25!important}
.home-page .home-featured-package .package-facts small{display:block!important;min-width:0!important;color:#637d9d!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:normal!important}
.home-page .home-featured-package .package-facts b{display:block!important;max-width:58%!important;margin:0!important;color:#163c6a!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow-wrap:normal!important;text-align:right!important}
.home-page .home-featured-package .home-package-details{position:relative!important;z-index:1!important;width:100%!important;min-height:48px!important;margin-top:5px!important;padding:11px 14px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;border:1px solid #63baff!important;border-radius:16px!important;background:linear-gradient(110deg,#0649b9,#087ef4)!important;color:#fff!important;font-size:14px!important;font-weight:1000!important;box-shadow:0 7px 15px #0557c035!important}
.home-page .growth-featured .home-package-details{border-color:#bd8cff!important;background:linear-gradient(110deg,#7b16d6,#4c11a8)!important}

/* Notices: visual header and legible announcement row */
.home-page .notice-preview-card{margin-top:22px!important;padding:16px!important;border:1px solid #c5dcf5!important;border-radius:26px!important;background:linear-gradient(145deg,#fff 0%,#edf5ff 100%)!important;box-shadow:0 10px 24px rgba(20,72,139,.11)!important}
.home-page .notice-preview-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:13px!important}
.home-page .notice-preview-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
.home-page .notice-heading-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(145deg,#e5f5ff,#d2eaff)!important;box-shadow:inset 0 1px #fff!important}
.home-page .notice-heading-icon svg{width:34px!important;height:34px!important}
.home-page .notice-preview-head h2{margin:2px 0 0!important;color:#102f69!important;font-size:clamp(17px,4.5vw,21px)!important;font-weight:1000!important;line-height:1.25!important}
.home-page .notice-see-all{flex:0 0 auto!important;border:1px solid #a9d0f6!important;background:linear-gradient(180deg,#fff,#e5f1ff)!important;color:#0753b9!important;border-radius:99px!important;padding:9px 13px!important;font-size:11px!important;font-weight:1000!important;white-space:nowrap!important;box-shadow:0 5px 12px #1f69c51b!important}
.home-page .notice-preview-list{display:grid!important;gap:9px!important}
.home-page .notice-preview-item,.home-page .notice-preview-list .notice-item{display:grid!important;grid-template-columns:50px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:11px!important;border:1px solid #d6e5f5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 5px 14px rgba(25,83,145,.07)!important}
.home-page .notice-mark{width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:linear-gradient(145deg,#e5f4ff,#dbeaff)!important;color:#0969cb!important;font-size:24px!important}
.home-page .notice-preview-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.home-page .notice-preview-copy b{display:block!important;color:#102f69!important;font-size:14px!important;font-weight:950!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
.home-page .notice-preview-copy small{display:block!important;color:#8795a8!important;font-size:10px!important;line-height:1.2!important}
.home-page .notice-preview-item button{border:0!important;border-radius:99px!important;padding:9px 12px!important;background:linear-gradient(145deg,#e7f3ff,#d8eaff)!important;color:#0756b8!important;font-size:12px!important;font-weight:950!important;white-space:nowrap!important}

/* Correct the cascade from older .bottom !important rules. This is the mobile/home nav only. */
.bottom.home-bottom-nav{position:fixed!important;z-index:95!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,980px)!important;height:94px!important;min-height:94px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;gap:4px!important;overflow:visible!important;border:1px solid #2aaaff!important;border-bottom:0!important;border-radius:30px 30px 0 0!important;background:linear-gradient(105deg,#06164c 0%,#073b9e 48%,#071449 100%)!important;box-shadow:0 -10px 28px rgba(0,58,166,.34),inset 0 1px #ffffff65!important;backdrop-filter:blur(18px)!important}
.bottom.home-bottom-nav .nav-item{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;min-height:68px!important;padding:7px 2px!important;border:0!important;border-radius:20px!important;background:transparent!important;color:#dcecff!important;font-size:11px!important;font-weight:950!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important}
.bottom.home-bottom-nav .nav-item .nav-icon{width:32px!important;height:30px!important;display:grid!important;place-items:center!important;margin:0!important;background:transparent!important;color:#fff!important;font-size:25px!important;line-height:1!important}
.bottom.home-bottom-nav .nav-item .nav-icon svg{display:block!important;width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.bottom.home-bottom-nav .nav-item small{display:block!important;margin:0!important;color:inherit!important;font-size:11px!important;font-weight:950!important;line-height:1.15!important;white-space:nowrap!important}
.bottom.home-bottom-nav .nav-item.active{align-self:end!important;min-height:72px!important;border:1px solid #8beaff!important;border-radius:21px!important;background:linear-gradient(145deg,#20caff 0%,#0877ff 52%,#092cbd 100%)!important;color:#fff!important;box-shadow:0 0 0 3px #ffffff30,0 0 23px #0cbaff9c,inset 0 2px 8px #ffffff80!important;transform:translateY(-5px)!important}
.bottom.home-bottom-nav .nav-item.active:before{display:none!important;content:none!important}
.bottom.home-bottom-nav .nav-center-item{position:relative!important;z-index:2!important;justify-content:flex-end!important;gap:0!important;overflow:visible!important}
.bottom.home-bottom-nav .nav-center-item .nav-icon{width:72px!important;height:72px!important;flex:0 0 72px!important;margin-top:-35px!important;border:2px solid #b7f4ff!important;border-radius:50%!important;background:radial-gradient(circle at 35% 22%,#57edff 0%,#087fff 48%,#061ba8 100%)!important;color:#fff!important;box-shadow:0 0 0 4px #ffffff45,0 0 25px #10c7ffb0,inset 0 3px 10px #ffffff90!important}
.bottom.home-bottom-nav .nav-center-item .nav-icon svg{width:36px!important;height:36px!important;stroke-width:2.5!important}
.bottom.home-bottom-nav .nav-center-item small{margin-top:3px!important}
.bottom.home-bottom-nav .nav-center-item.active{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
.bottom.home-bottom-nav .nav-center-item.active .nav-icon{box-shadow:0 0 0 4px #ffffff55,0 0 30px #12caffd1,inset 0 3px 10px #ffffff90!important}

@media(max-width:600px){
 .home-page .home-featured-grid{grid-template-columns:1fr!important}
 .home-page .home-featured-package .package-card-top{grid-template-columns:minmax(116px,.86fr) minmax(0,1.14fr)!important;gap:12px!important}
 .home-page .home-featured-package .package-image,.home-page .home-featured-package .package-image-fallback{height:clamp(155px,42vw,190px)!important}
 .bottom.home-bottom-nav{height:88px!important;min-height:88px!important;padding-left:7px!important;padding-right:7px!important;border-radius:25px 25px 0 0!important}
 .bottom.home-bottom-nav .nav-item{min-height:65px!important;gap:4px!important}
 .bottom.home-bottom-nav .nav-item .nav-icon{width:29px!important;height:28px!important}
 .bottom.home-bottom-nav .nav-item .nav-icon svg{width:25px!important;height:25px!important}
 .bottom.home-bottom-nav .nav-item small{font-size:10px!important}
 .bottom.home-bottom-nav .nav-center-item .nav-icon{width:64px!important;height:64px!important;flex-basis:64px!important;margin-top:-30px!important}
 .bottom.home-bottom-nav .nav-center-item .nav-icon svg{width:33px!important;height:33px!important}
}
@media(max-width:380px){
 .home-page .quick-actions{gap:5px!important}
 .home-page .quick-action{min-height:96px!important;padding:9px 2px!important}
 .home-page .quick-icon{width:46px!important;height:46px!important;flex-basis:46px!important}
 .home-page .quick-action b{font-size:11px!important}
 .home-page .overview-card{min-height:138px!important;padding:13px 10px!important}
 .home-page .overview-content{width:82%!important}
 .home-page .overview-label{font-size:10px!important}
 .home-page .overview-card strong{font-size:16px!important}
 .home-page .overview-card-art{width:37%!important;opacity:.8!important}
 .home-page .home-featured-package{padding:11px!important}
 .home-page .home-featured-package .package-card-top{grid-template-columns:minmax(105px,.82fr) minmax(0,1.18fr)!important;gap:9px!important}
 .home-page .home-featured-package .package-main .price{font-size:20px!important}
 .home-page .notice-preview-item{grid-template-columns:42px minmax(0,1fr) auto!important;gap:7px!important;padding:8px!important}
 .home-page .notice-mark{width:40px!important;height:40px!important}
 .bottom.home-bottom-nav .nav-center-item .nav-icon{width:59px!important;height:59px!important;flex-basis:59px!important}
}
@media(min-width:900px){
 .home-page .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .home-page .home-featured-package .package-card-top{grid-template-columns:minmax(145px,.9fr) minmax(0,1.1fr)!important}
 .home-page .home-featured-package .package-image,.home-page .home-featured-package .package-image-fallback{height:190px!important}
}
@media(prefers-reduced-motion:reduce){.bottom.home-bottom-nav .nav-item{transition:none!important}}