.storefront-hero{isolation:isolate;position:relative}.storefront-heading{isolation:isolate;position:relative;overflow:hidden}.storefront-heading>*{z-index:1;position:relative}.storefront-heading:before,.storefront-heading:after{content:"";z-index:0;pointer-events:none;border-radius:50%;position:absolute}.storefront-heading:before{aspect-ratio:1;background:radial-gradient(circle,#050807d9 0,#05080780 38%,#0000 68%);width:75%;animation:2.2s cubic-bezier(.2,.7,.2,1) both hm-ink-bloom,14s ease-in-out 2.2s infinite alternate hm-ink-breathe;top:-45%;left:-18%}.storefront-heading:after{aspect-ratio:1;background:radial-gradient(circle,#b8323238 0,#b832321a 40%,#0000 70%);width:60%;animation:2.6s cubic-bezier(.2,.7,.2,1) .4s both hm-ink-bloom;bottom:-55%;right:-14%}.storefront-heading .eyebrow{animation:.7s ease-out .1s both hm-rise}.storefront-heading h1{animation:1.5s cubic-bezier(.45,.05,.25,1) .25s both hm-ink-write;-webkit-mask-image:linear-gradient(90deg,#000 42%,#0000 58%);mask-image:linear-gradient(90deg,#000 42%,#0000 58%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:260% 100%;mask-size:260% 100%}.storefront-heading p{animation:.8s ease-out 1.15s both hm-rise}.storefront-cta{animation:.8s ease-out 1.35s both hm-rise}.hero-brush{width:min(240px,70%);height:18px;margin:-4px 0 12px;display:block;overflow:visible}.hero-brush path{fill:none;stroke:#c73a33;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:0;animation:.9s cubic-bezier(.6,0,.3,1) 1s both hm-brush-draw}.hero-brush path+path{stroke:#e0605599;animation-delay:1.15s}.hero-seal-stamp{color:#fff3ea;background:radial-gradient(circle at 35% 30%,#d9473b,#9c2626);border-radius:6px;place-items:center;width:46px;height:46px;font:700 26px/1 Georgia,Noto Serif CJK TC,Songti TC,serif;animation:.55s cubic-bezier(.3,1.5,.5,1) 1.7s both hm-stamp;display:grid;top:18px;right:20px;transform:rotate(-7deg);box-shadow:inset 0 0 0 2px #f4c9b8aa,inset 0 0 0 5px #b83232,0 6px 16px #0005;position:absolute!important}.storefront-cta .red-button{position:relative;overflow:hidden}.storefront-cta .red-button:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#fff5 50%,#0000 65%);animation:6s ease-in-out 2.6s infinite hm-shine;position:absolute;inset:0;transform:translate(-120%)}.hero-motion{z-index:3;pointer-events:none;border-radius:18px;position:absolute;inset:-16px 0 -24px;overflow:hidden}.hero-motion>span{will-change:transform, opacity;width:1px;height:100%;animation-name:hm-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0}.hero-motion>span>i{animation:3.4s ease-in-out infinite alternate hm-sway;display:block;position:absolute;top:0;left:0}.hero-motion>span:nth-child(3n)>i{animation-duration:4.2s}.hero-motion>span:nth-child(3n+1)>i{animation-duration:2.8s;animation-direction:alternate-reverse}.hero-motion-petal>i{width:var(--size);height:calc(var(--size) * .82);opacity:.88;background:radial-gradient(circle at 30% 30%,#f28b7d,#c73a33 62%,#8f2424);border-radius:80% 0;box-shadow:0 2px 6px #5a141455}.hero-motion-leaf>i{width:calc(var(--size) * 2.2);height:calc(var(--size) * .42);opacity:.6;background:linear-gradient(90deg,#1f3a30,#3f6b5e);border-radius:0 100%}.hero-motion.is-paused>span,.hero-motion.is-paused>span>i{animation-play-state:paused}@keyframes hm-ink-bloom{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes hm-ink-breathe{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(4%,3%)}}@keyframes hm-ink-write{0%{filter:blur(3px);-webkit-mask-position:100% 0;mask-position:100% 0}to{filter:blur();-webkit-mask-position:0 0;mask-position:0 0}}@keyframes hm-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hm-brush-draw{0%{stroke-dashoffset:300px}to{stroke-dashoffset:0}}@keyframes hm-stamp{0%{opacity:0;transform:rotate(-16deg)scale(1.9)}60%{opacity:1;transform:rotate(-6deg)scale(.9)}to{opacity:1;transform:rotate(-7deg)scale(1)}}@keyframes hm-shine{0%,70%{transform:translate(-120%)}85%,to{transform:translate(120%)}}@keyframes hm-fall{0%{opacity:0;transform:translateY(-6%)}8%{opacity:1}88%{opacity:1}to{transform:translate3d(var(--drift), 100%, 0);opacity:0}}@keyframes hm-sway{0%{transform:translate(-14px)rotate(-30deg)}to{transform:translate(14px)rotate(40deg)rotateY(55deg)}}.package-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 38%,#f5dfab2e 50%,#0000 62%) 140% 0/260% 100% no-repeat;transition:background-position .8s;position:absolute;inset:0}.package-card:hover:after,.package-card:focus-visible:after{background-position:-40% 0}.package-card:hover{transform:translateY(-5px)scale(1.012)}.package-card.selected{animation:.35s cubic-bezier(.3,1.6,.5,1) hm-select-pop}.package-card.featured:before{content:"";pointer-events:none;opacity:.25;border-radius:14px;animation:2.8s ease-in-out infinite hm-halo;position:absolute;inset:-2px;box-shadow:0 0 20px 2px #e8a848aa}[data-reveal]{transition:opacity .7s ease var(--reveal-delay,0s), transform .7s cubic-bezier(.2, .7, .2, 1) var(--reveal-delay,0s)}[data-reveal=out]{opacity:0;transform:translateY(22px)}[data-reveal=in]{opacity:1;transform:none}.section-title h2{position:relative}.section-title[data-reveal=out] h2{border-left-color:#0000}.section-title[data-reveal=in] h2{animation:.7s cubic-bezier(.2,.7,.2,1) .1s both hm-title-in}.order-success{padding-right:64px;animation:.5s both hm-rise;position:relative;overflow:hidden}.success-stamp{color:#ff9b8a;border:2px solid #d9503f;border-radius:6px;place-items:center;width:38px;height:38px;margin-top:-19px;font:700 22px/1 Georgia,Noto Serif CJK TC,Songti TC,serif;animation:.6s cubic-bezier(.3,1.5,.5,1) .25s both hm-stamp-ok;display:grid;position:absolute;top:50%;right:14px;transform:rotate(-8deg)}.auth-modal-backdrop{animation:.2s ease-out hm-fade}.auth-modal-card{animation-timing-function:cubic-bezier(.2,.8,.2,1)}@keyframes hm-select-pop{0%{transform:scale(.97)}to{transform:none}}@keyframes hm-halo{0%,to{opacity:.2}50%{opacity:.75}}@keyframes hm-title-in{0%{opacity:0;letter-spacing:.16em}to{opacity:1}}@keyframes hm-stamp-ok{0%{opacity:0;transform:rotate(-18deg)scale(2.2)}60%{opacity:1;transform:rotate(-6deg)scale(.88)}to{opacity:1;transform:rotate(-8deg)scale(1)}}@keyframes hm-fade{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.hero-seal-stamp{width:38px;height:38px;font-size:21px;top:14px;right:14px}.hero-motion>span:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){.hero-motion,.storefront-cta .red-button:after{display:none}.package-card.featured:before{animation:none}}.btn-icon,.inline-icon{vertical-align:-.17em;flex:none}.btn-icon{margin-right:2px;transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.wallet-tab-btn,.mini-refresh-btn,.copy-btn,.proof-link,.deposit-submit-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.deposit-submit-btn{display:flex}.wallet-icon,.mshop-pill-icon,.admin-badge-icon,.banner-icon,.upload-icon{color:#f5dfab;background:radial-gradient(circle at 30% 25%,#d8be8840,#d8be8814);border-radius:50%;flex:none;place-items:center;transition:transform .25s cubic-bezier(.3,1.5,.5,1),background .2s,box-shadow .2s,color .2s;display:inline-grid;box-shadow:inset 0 0 0 1px #d8be8855}.wallet-icon,.mshop-pill-icon,.admin-badge-icon{width:24px;height:24px;font-size:0}.banner-icon{width:34px;height:34px}.upload-icon{color:#d8be88;width:48px;height:48px;margin-bottom:2px;box-shadow:inset 0 0 0 1px #d8be8866,0 0 0 5px #d8be880d}.admin-badge-icon{color:#ffd9a0}.btn-arrow{transition:transform .2s;display:inline-block}:is(.red-button,.user-btn,.wallet-tab-btn,.copy-btn,.mini-refresh-btn,.mini-topup-btn,.topup-shortcut-btn,.refresh-orders-btn,.cancel-order-btn,.proof-link-btn,.tab-btn,.user-logout-btn,.auth-modal-close,.auth-switch button,.bank-pill-btn,.wallet-badge){cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .2s,background-image .2s,border-color .2s,color .2s,box-shadow .25s,opacity .2s}:is(.red-button,.user-btn,.wallet-tab-btn,.copy-btn,.mini-refresh-btn,.mini-topup-btn,.topup-shortcut-btn,.refresh-orders-btn,.cancel-order-btn,.proof-link-btn,.tab-btn,.user-logout-btn,.bank-pill-btn,.wallet-badge):active:not(:disabled){transition-duration:60ms;transform:translateY(1px)scale(.96)}:is(.red-button,.user-btn,.wallet-tab-btn,.copy-btn,.mini-refresh-btn,.mini-topup-btn,.topup-shortcut-btn,.refresh-orders-btn,.cancel-order-btn,.proof-link-btn,.tab-btn,.user-logout-btn,.auth-modal-close,.auth-switch button,.package-card,.slip-drop-area):focus-visible{outline-offset:3px;outline:2px solid #f5dfab}:is(.red-button,.user-btn,.wallet-tab-btn,.mini-refresh-btn,.refresh-orders-btn,.topup-shortcut-btn):disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6);box-shadow:none}@media (hover:hover) and (pointer:fine){.red-button:hover:not(:disabled),.user-btn.primary:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 14px 30px #c3a46a55,0 0 0 3px #f5dfab33,0 0 22px #f5dfab33}.user-btn.outline:hover{color:#fff3d8;border-color:#f5dfab;transform:translateY(-2px);box-shadow:0 6px 18px #0006,0 0 0 2px #d8be8844}.wallet-tab-btn:not(.active):hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.wallet-tab-btn.active:hover{box-shadow:0 6px 18px #d8be8855}.copy-btn:hover,.mini-refresh-btn:hover:not(:disabled),.mini-topup-btn:hover,.topup-shortcut-btn:hover:not(:disabled),.refresh-orders-btn:hover:not(:disabled),.proof-link-btn:hover,.cancel-order-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006}.tab-btn:not(.active):hover{color:#fff3d8;background:#ffffff10}.topup-shortcut-btn:hover:not(:disabled){border-color:#d8be88}.cancel-order-btn:hover{border-color:#e05a5a}.wallet-tab-btn:hover .btn-icon,.copy-btn:hover .btn-icon,.proof-link:hover .btn-icon{transform:scale(1.2)rotate(-6deg)}.mini-refresh-btn:hover:not(:disabled) .btn-icon{transform:rotate(180deg)}.deposit-submit-btn:hover:not(:disabled) .btn-icon{transform:translate(3px,-3px)rotate(-8deg)}.submit-btn:hover:not(:disabled) .btn-arrow,.deposit-submit-btn:hover:not(:disabled) .btn-arrow{transform:translate(5px)}.shop-balance-pill:hover .wallet-icon,.wallet-badge:hover .wallet-icon,.mshop-header-pill:hover .mshop-pill-icon,.admin-portal-link:hover .admin-badge-icon{background:radial-gradient(circle at 30% 25%,#d8be8870,#d8be8828);transform:scale(1.15)rotate(-8deg)}.user-registered-bank-banner:hover .banner-icon{transform:scale(1.08)}.slip-drop-area:hover .upload-icon{color:#f5dfab;transform:translateY(-4px)scale(1.08);box-shadow:inset 0 0 0 1px #d8be88aa,0 0 0 7px #d8be8814}.slip-drop-area:hover{box-shadow:0 0 0 3px #d8be8818,inset 0 0 24px #d8be880d}.auth-modal-close:hover{color:#fff;background:#b8323233;border-color:#e05a5a;transform:rotate(90deg)}:where(.red-button,.user-btn.primary,.footer-order-btn,.oauth-btn){position:relative}:is(.red-button,.user-btn.primary,.footer-order-btn,.oauth-btn):after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff5c 50%,#0000 62%) 150% 0/250% 100% no-repeat;transition:background-position .75s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}:is(.red-button,.user-btn.primary,.footer-order-btn,.oauth-btn):hover:not(:disabled):after{background-position:-50% 0}:is(.wallet-badge,.mshop-header-pill,.footer-order-btn,.oauth-btn,.contact-chip){transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s,background-color .2s,color .2s}.wallet-badge:hover,.mshop-header-pill:hover{border-color:#f5dfab;transform:translateY(-2px);box-shadow:0 6px 18px #0007,0 0 14px #d8be8840}.footer-order-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 12px 26px #c3a46a55,0 0 22px #ffd77855}.oauth-btn:hover{transform:translateY(-2px)scale(1.015);box-shadow:0 10px 24px #0007,0 0 0 2px #f5dfab44}.contact-chip:hover{background-color:#262b28;border-color:#c9a85f;transform:translateY(-2px);box-shadow:0 6px 14px #0006}:is(.footer-order-btn,.oauth-btn,.wallet-badge,.mshop-header-pill):active{transition-duration:60ms;transform:translateY(1px)scale(.97)}.bank-pill-btn:not(.active):hover{transform:translateY(-2px);box-shadow:0 5px 14px #0006}}.wallet-tab-btn.active{animation:.3s cubic-bezier(.3,1.6,.5,1) hm-select-pop}.mini-refresh-btn:disabled .btn-icon{animation:.9s linear infinite hm-spin}@keyframes hm-spin{to{transform:rotate(360deg)}}