#d7BalCard,.d7-balance-card,.faq-card,.float-card,.lp-card,.mascot-wrap,.pay-chip,.pcard,.scroll-top,.stat-animate-card,.svc-card,.svc-pill-v2,[style*=orbFloat]{will-change:transform;transform:translateZ(0)}@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(30px,-30px,0) scale(1.06)}66%{transform:translate3d(-18px,18px,0) scale(.95)}}#faqSection,#recentOrdersSection,#recommendedSection,#statsServicesSection{contain:none}.gp-grid,.gp-panel{contain:layout style}#accountPopupSheet,#historyList,#shopAppList,#shopPkgList,.acp2-body,.gp-feed-box{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}img{image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;decoding:async}/* removed hidden wrapper rule */.acp2-tile,.faq-card,.pay-chip,.pcard,.stat-animate-card,.svc-card,.svc-pill-v2{transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,opacity .25s ease!important}@keyframes d7CardShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}.bottom-nav{will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}.scroll-top{transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.pcard:active,.svc-card:active,a:active,button:active{transform:scale(.97) translateZ(0);transition-duration:.1s!important}input:focus,textarea:focus{outline:0;transition:border-color .18s ease,box-shadow .18s ease}section[id$=Page]{contain:layout style}img[loading=lazy]{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmerLoad 1.5s infinite}@keyframes shimmerLoad{0%{background-position:-200% 0}100%{background-position:200% 0}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--orange:#FF6B1A;--orange2:#FF8C44;--orange3:#FFA96A;--orange-pale:#FFF4EE;--orange-glow:rgba(255,107,26,0.15);--bg:#FFFBF8;--bg2:#FFF5EE;--bg3:#FFECDF;--dark:#1C1C1E;--dark2:#2C2C2E;--text:#1C1C1E;--text2:#48484A;--muted:#8E8E93;--card-bg:#FFFBF8;--card-border:rgba(255,107,26,0.10);--section-bg:#FFF7F2;--footer-dark:#FFFBF8;--footer-card:#FFF5EE;--footer-border:rgba(255,107,26,0.10);--footer-muted:#9A8A80;--green:#22C55E;--shadow-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-md:0 4px 20px rgba(0,0,0,0.07);--shadow-lg:0 8px 40px rgba(0,0,0,0.09);--shadow-orange:0 8px 24px rgba(255,107,26,0.20)}html{scroll-behavior:smooth;overflow-x:clip}.stat-animate-card.in-view{opacity:1!important;translate:0 0!important}.stat-pulse-ring{position:absolute;inset:-4px;border-radius:20px;border:2px solid rgba(255,107,26,.5);opacity:0;z-index:0;pointer-events:none}.stat-animate-card.in-view .stat-pulse-ring{animation:statPulse 2.4s ease-out infinite}@keyframes statPulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.5)}100%{opacity:0;transform:scale(1.5)}}.stat-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.65) 50%,transparent 60%);background-size:200% 100%;background-position:-100% 0;pointer-events:none;z-index:2}.stat-animate-card.in-view .stat-shimmer{animation:statShimmer .8s ease-out .5s forwards}@keyframes statShimmer{from{background-position:-100% 0}to{background-position:200% 0}}@keyframes statNumPop{0%{transform:scale(1)}50%{transform:scale(1.18);color:#ff3d00}100%{transform:scale(1)}}.stat-num-pop{animation:statNumPop .4s cubic-bezier(.34,1.56,.64,1) forwards}body{font-family:Prompt,sans-serif;background:#fffbf8;color:var(--text);overflow-x:clip;padding-bottom:80px}nav:not(.bottom-nav){position:fixed;top:0;left:0;right:0;z-index:100;padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(255,107,26,.06),0 4px 24px rgba(0,0,0,.05);animation:slideDown .5s cubic-bezier(.22,1,.36,1) forwards}#loginNav{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:100%!important;animation:none!important;box-sizing:border-box}#loginModal::-webkit-scrollbar{display:none}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-logo{font-family:Kanit,sans-serif;font-weight:800;font-size:19px;background:linear-gradient(135deg,#ff6b1a 0,#ff3d00 50%,#ff6b1a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;filter:drop-shadow(0 1px 6px rgba(255,107,26,.25));transition:filter .3s}.nav-logo:hover{filter:drop-shadow(0 2px 12px rgba(255,107,26,.55))}.nav-logo-icon{width:44px;height:44px;background:0 0;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(249,115,22,.45),0 0 0 2px rgba(255,107,26,.15);overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.nav-logo:hover .nav-logo-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 8px 28px rgba(249,115,22,.6),0 0 0 3px rgba(255,107,26,.25)}.nav-links{display:flex;gap:2px;list-style:none}.nav-links a{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:10px;text-decoration:none;color:#52525b;font-size:13.5px;font-weight:500;font-family:Prompt,sans-serif;transition:all .2s ease;white-space:nowrap}.nav-links a svg{opacity:.6;transition:opacity .2s}.nav-links a:hover{color:var(--orange);background:rgba(255,107,26,.07)}.nav-links a:hover svg{opacity:1}.nav-links a.active{color:var(--orange);background:rgba(255,107,26,.09);font-weight:600}.nav-links a.active svg{opacity:1}.nav-dd-item{display:flex;align-items:center;gap:10px;padding:11px 16px;text-decoration:none;color:#3f3f46;font-size:13.5px;font-weight:500;font-family:Prompt,sans-serif;transition:background .15s}.nav-dd-item:hover{background:rgba(255,107,26,.05);color:var(--orange)}.nav-dd-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;text-decoration:none;color:#1c1c1e;font-size:15px;font-weight:500;font-family:Prompt,sans-serif;transition:background .2s}.mobile-menu-item:hover{background:rgba(255,107,26,.07);color:var(--orange)}.mobile-menu-icon{width:34px;height:34px;border-radius:9px;background:rgba(255,107,26,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-right{display:flex;align-items:center;gap:10px}.nav-login-btn{display:flex;align-items:center;gap:7px;padding:9px 20px;background:linear-gradient(135deg,#ff7a2f,#ea580c);border:none;border-radius:12px;font-family:Prompt,sans-serif;font-size:13px;font-weight:600;color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(249,115,22,.38);transition:all .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.nav-login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(249,115,22,.48)}.nav-login-btn:active{transform:translateY(0)}.nav-user-btn{display:flex;align-items:center;gap:9px;padding:7px 14px 7px 8px;border-radius:12px;background:#fafafa;border:1.5px solid rgba(0,0,0,.08);font-size:13px;font-family:Prompt,sans-serif;color:#27272a;cursor:pointer;transition:all .2s ease;font-weight:500;box-shadow:0 1px 4px rgba(0,0,0,.05);position:relative}.nav-user-btn:hover{border-color:rgba(249,115,22,.4);background:#fff;box-shadow:0 4px 14px rgba(249,115,22,.15)}.nav-user-btn.open{border-color:rgba(249,115,22,.5);background:#fff;box-shadow:0 4px 14px rgba(249,115,22,.18)}.nav-avatar{width:28px;height:28px;background:linear-gradient(135deg,#ff7a2f,#ea580c);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;font-family:Kanit,sans-serif;flex-shrink:0}.user-dropdown-wrap{position:relative}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:268px;background:#fff;border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,.13),0 4px 16px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.07);overflow:hidden;z-index:200;opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform-origin:top right}.user-dropdown.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dd-header{background:linear-gradient(135deg,#ff7a2f,#ea580c);padding:18px 20px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.dd-header::before{content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}.dd-avatar{width:46px;height:46px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.35)}.dd-user-info h4{font-family:Kanit,sans-serif;font-weight:700;font-size:15px;color:#fff;line-height:1.25}.dd-user-info span{font-size:11.5px;color:rgba(255,255,255,.72);font-weight:400}.dd-stats{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #f4f4f5}.dd-stat{padding:14px 18px;display:flex;align-items:center;gap:10px}.dd-stat:first-child{border-right:1px solid #f4f4f5}.dd-stat-icon{width:32px;height:32px;border-radius:9px;background:rgba(255,107,26,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dd-stat-label{font-size:10.5px;color:#a1a1aa;margin-bottom:1px;font-weight:500;letter-spacing:.2px}.dd-stat-value{font-family:Kanit,sans-serif;font-weight:700;font-size:14px;color:var(--orange)}.dd-menu{padding:6px 0 8px}.dd-item{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:#3f3f46;font-size:13.5px;font-weight:500;transition:background .15s ease;cursor:pointer;border:none;background:0 0;width:100%;font-family:Prompt,sans-serif}.dd-item:hover{background:rgba(255,107,26,.05);color:var(--orange)}.dd-item.danger{color:#ef4444}.dd-item.danger:hover{background:rgba(239,68,68,.06);color:#ef4444}.dd-item-icon{width:30px;height:30px;border-radius:8px;background:rgba(249,115,22,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.dd-item:hover .dd-item-icon{background:rgba(249,115,22,.14)}.dd-item.danger .dd-item-icon{background:rgba(239,68,68,.08)}.dd-item.danger:hover .dd-item-icon{background:rgba(239,68,68,.14)}.dd-divider{height:1px;background:#f4f4f5;margin:4px 8px}.hero{min-height:100vh;position:relative;overflow:visible;display:flex;align-items:center;padding-top:64px;background:0 0}.hero-bg{display:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat 14s ease-in-out infinite;will-change:transform;pointer-events:none}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,140,60,.08) 0,transparent 65%);top:-200px;right:-80px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,26,.05) 0,transparent 65%);bottom:-100px;left:100px;animation-delay:-5s}.orb-3{width:280px;height:280px;background:radial-gradient(circle,rgba(255,200,100,.06) 0,transparent 65%);top:25%;left:-60px;animation-delay:-9s}@keyframes modalIn{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}33%{transform:translate3d(30px,-30px,0) scale(1.06)}66%{transform:translate3d(-18px,18px,0) scale(.95)}.hero-content{position:relative;z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:calc(100vh - 64px)}.hero-left{animation:heroFadeLeft 1s cubic-bezier(.16,1,.3,1) .2s both;display:flex;flex-direction:column;align-items:flex-start}@keyframes heroFadeLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fffbf8;border:1.5px solid rgba(255,107,26,.18);border-radius:30px;padding:8px 18px;font-size:12px;color:var(--orange);font-weight:600;margin-bottom:32px;box-shadow:0 2px 12px rgba(255,107,26,.1),0 1px 4px rgba(0,0,0,.04);letter-spacing:.5px;text-transform:uppercase;animation:badgePop .8s cubic-bezier(.34,1.56,.64,1) .5s both}@keyframes badgePop{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.badge-dot-pulse{width:7px;height:7px;background:#ff6b1a;border-radius:50%;box-shadow:0 0 8px rgba(255,107,26,.8);animation:pulseDot 2s infinite;flex-shrink:0}@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(255,107,26,.7)}50%{box-shadow:0 0 0 6px rgba(255,107,26,0)}}.hero-title{font-family:Kanit,sans-serif;font-weight:900;font-size:clamp(52px, 6.5vw, 90px);line-height:.95;letter-spacing:-3px;margin-bottom:10px;position:relative}.hero-title .title-main{display:block;background:linear-gradient(135deg,#ff6b1a 0,#ff4500 50%,#ff8c44 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 16px rgba(255,107,26,.18));animation:titleGlow 4s ease-in-out infinite alternate}@keyframes titleGlow{from{filter:drop-shadow(0 2px 10px rgba(255,107,26,.12))}to{filter:drop-shadow(0 4px 24px rgba(255,107,26,.28))}}.hero-title .title-line2{display:block;color:#6c6c70;font-size:.37em;font-weight:500;letter-spacing:1px;margin-top:14px;-webkit-text-fill-color:#6C6C70;text-transform:uppercase}.hero-desc{font-size:14.5px;line-height:2;color:#6c6c70;font-weight:300;max-width:420px;margin-bottom:40px;padding-left:16px;border-left:2px solid rgba(255,107,26,.3)}.hero-desc strong{color:#1c1c1e;font-weight:600}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-primary{display:flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#ff6b1a,#ff3800);border:none;border-radius:14px;color:#fff;font-family:Prompt,sans-serif;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 30px rgba(255,56,0,.45),0 0 0 1px rgba(255,107,26,.3),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden;letter-spacing:.3px}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.btn-primary:hover::before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(255,56,0,.55),0 0 0 1px rgba(255,107,26,.5)}.btn-secondary{display:flex;align-items:center;gap:10px;padding:15px 30px;background:#fffbf8;border:1.5px solid rgba(255,107,26,.22);border-radius:14px;color:var(--orange);font-family:Prompt,sans-serif;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 10px rgba(0,0,0,.06);letter-spacing:.3px}.btn-secondary:hover{background:var(--orange-pale);border-color:var(--orange);color:var(--orange);transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,107,26,.15)}.hero-stats{display:flex;gap:0;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,107,26,.1)}.stat-item{text-align:left;padding-right:36px;border-right:1px solid rgba(255,107,26,.1);margin-right:36px}.stat-item:last-child{border-right:none;margin-right:0}.stat-num{font-family:Kanit,sans-serif;font-size:28px;font-weight:800;background:linear-gradient(135deg,#ff9a5c,#ff6b1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:5px}.stat-label{font-size:11px;color:#8e8e93;font-weight:400;letter-spacing:.3px}@media (max-width:768px){.hero-stats{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:0!important;margin-top:24px!important;padding-top:20px!important;width:100%!important;border-top:1px solid rgba(255,107,26,.1)!important}.stat-item{text-align:center!important;padding:0!important;margin:0!important;border-right:1px solid rgba(255,107,26,.1)!important}.stat-item:last-child{border-right:none!important}.stat-num{font-size:20px!important;margin-bottom:3px!important}.stat-label{font-size:10px!important}}.hero-right{position:relative;display:flex;align-items:center;justify-content:center;height:580px;animation:heroFadeRight 1s cubic-bezier(.16,1,.3,1) .35s both}@keyframes heroFadeRight{from{opacity:0;transform:translateX(50px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.hero-right::before{content:'';position:absolute;width:380px;height:380px;background:0 0;border:1.5px solid rgba(255,107,26,.1);border-radius:50%;animation:ringPulse 4s ease-in-out infinite;pointer-events:none}.hero-right::after{content:'';position:absolute;width:280px;height:280px;background:radial-gradient(circle,rgba(255,140,60,.12) 0,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(30px)}@keyframes ringPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}.mascot-wrap{position:relative;width:100%;max-width:420px;height:auto;aspect-ratio:3/4;margin:0 auto;z-index:2}.mascot-shadow{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:220px;height:40px;background:radial-gradient(ellipse,rgba(255,107,26,.18) 0,transparent 70%);border-radius:50%;filter:blur(12px);animation:shadowPulse 3s ease-in-out infinite}@keyframes shadowPulse{0%,100%{transform:translateX(-50%) scaleX(1);opacity:.8}50%{transform:translateX(-50%) scaleX(.75);opacity:.4}}.mascot-svg{width:100%;height:100%;object-fit:contain;object-position:center bottom;animation:mascotFloat 5s ease-in-out infinite;filter:drop-shadow(0 16px 40px rgba(255,107,26,.18));image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(.5deg)}}.float-card{position:absolute;background:rgba(255,255,255,.82);border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);font-size:12px;font-weight:500;color:#1c1c1e;white-space:nowrap;cursor:default;transition:transform .3s ease,box-shadow .3s ease}.float-card:hover{transform:scale(1.06)!important;background:#fffbf8;border-color:rgba(255,107,26,.25);box-shadow:0 12px 40px rgba(255,107,26,.14),0 4px 12px rgba(0,0,0,.08)}.float-card .fc-icon{width:36px;height:36px;background:linear-gradient(135deg,#ff6b1a,#ff3800);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;box-shadow:0 4px 14px rgba(255,56,0,.4)}.float-card .fc-text small{display:block;color:#8e8e93;font-size:10px;font-weight:300}.fc1{top:50px;right:-10px;animation:floatCard1 5s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.fc2{top:190px;left:-20px;animation:floatCard2 6s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.fc3{bottom:200px;right:0;animation:floatCard3 7s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.fc4{bottom:70px;left:20px;animation:floatCard4 5.5s ease-in-out infinite;will-change:transform;transform:translateZ(0)}@keyframes floatCard1{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes floatCard2{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(10px) rotate(-1deg)}}@keyframes floatCard3{0%,100%{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-14px) rotate(-.5deg)}}@keyframes floatCard4{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(12px) rotate(.5deg)}}.particle{position:absolute;border-radius:50%;background:var(--orange);opacity:.2;animation:particleDrift linear infinite}@keyframes particleDrift{from{transform:translateY(0) scale(1);opacity:.2}to{transform:translateY(-400px) scale(0);opacity:0}}.hero-left{display:flex;flex-direction:column;align-items:flex-start;animation:none!important;opacity:1!important;transform:none!important}.hero-left>*{opacity:0;animation:staggerUp .9s cubic-bezier(.16,1,.3,1) forwards}.hero-left>:first-child{animation-delay:.3s}.hero-left>:nth-child(2){animation-delay:.5s}.hero-left>:nth-child(3){animation-delay:.65s}.hero-left>:nth-child(4){animation-delay:.82s}.hero-left>:nth-child(5){animation-delay:1s}@keyframes staggerUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;animation:fadeInDelay .8s ease 1.8s both}@keyframes fadeInDelay{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.scroll-indicator span{font-size:9px;color:rgba(0,0,0,.3);letter-spacing:3px;text-transform:uppercase;font-weight:600}.scroll-mouse{width:20px;height:32px;border:1.5px solid rgba(0,0,0,.12);border-radius:10px;display:flex;justify-content:center;padding-top:5px}.scroll-wheel{width:2px;height:6px;background:var(--orange);border-radius:2px;box-shadow:0 0 4px rgba(255,107,26,.4);animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}80%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:0}}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:none;padding:10px 0 24px;background:0 0;z-index:9999;align-items:center;justify-content:center;width:100%;pointer-events:none}.bottom-nav-inner{display:flex;align-items:center;background:#fffbf8;border-radius:60px;padding:8px 10px;gap:2px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);width:560px;max-width:90vw;justify-content:space-around;pointer-events:all}.bn-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:50px;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);flex:1;position:relative}.bn-item .bn-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#aeaeb2;transition:all .3s cubic-bezier(.34, 1.56, .64, 1)}.bn-item .bn-icon svg{width:22px;height:22px}.bn-item .bn-label{font-size:10px;font-family:Prompt,sans-serif;font-weight:500;color:#aeaeb2;white-space:nowrap;transition:all .3s ease;letter-spacing:.3px}.bn-item.active{background:linear-gradient(135deg,#ff6b1a,#f40);box-shadow:0 6px 20px rgba(255,107,26,.45),inset 0 1px 0 rgba(255,255,255,.2)}.bn-item.active .bn-icon{color:#fff;transform:scale(1.2) translateY(-2px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.bn-item.active .bn-label{color:#fff;font-weight:600}.bn-item:not(.active):hover .bn-icon{color:var(--orange);transform:translateY(-4px) scale(1.15)}.bn-item:not(.active):hover .bn-label{color:var(--orange)}@keyframes bnPop{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1.2) translateY(-2px)}}.bn-item.active .bn-icon{animation:bnPop .35s cubic-bezier(.34,1.56,.64,1) forwards}.footer-wrapper{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff8f2 100%);border-top:1px solid rgba(255,107,26,.1)}.footer-wrapper::before{content:'';position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,26,.06) 0,transparent 70%);animation:float1 8s ease-in-out infinite;pointer-events:none}.footer-wrapper::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,160,60,.06) 0,transparent 70%);animation:float2 10s ease-in-out infinite;pointer-events:none}@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}}@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,-30px) scale(1.15)}}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,26,.35),transparent)}.footer-main{padding:70px 60px 50px;position:relative}.footer-grid{display:grid;grid-template-columns:300px 1fr 1fr 320px;gap:50px;max-width:1300px;margin:0 auto}.footer-brand-logo{display:flex;align-items:center;gap:14px;margin-bottom:22px}.footer-logo-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--orange),var(--orange2));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:0 8px 24px rgba(255,107,26,.3),0 0 0 1px rgba(255,107,26,.2);font-weight:800;font-family:Kanit,sans-serif;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.footer-logo-icon::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translateX(-100%);transition:transform .5s}.footer-logo-icon:hover::after{transform:translateX(100%)}.footer-logo-icon:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(255,107,26,.35)}.footer-brand-text h2{font-family:Kanit,sans-serif;font-weight:800;font-size:22px;color:var(--orange);letter-spacing:1px;line-height:1.1}.footer-brand-text span{font-size:11.5px;color:var(--footer-muted);letter-spacing:.5px;font-weight:500}.footer-desc{font-size:13.5px;line-height:1.9;color:var(--text);font-weight:400;margin-bottom:28px;border-left:2px solid rgba(255,107,26,.25);padding-left:14px}.footer-desc strong{color:var(--orange);font-weight:700}.footer-social{display:flex;gap:10px}.social-btn{width:38px;height:38px;border-radius:10px;background:#fff5ee;border:1px solid rgba(255,107,26,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;color:var(--footer-muted);font-size:14px;transition:all .3s ease;position:relative;overflow:hidden}.social-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,26,.15),transparent);opacity:0;transition:opacity .3s}.social-btn:hover{border-color:rgba(255,107,26,.4);color:var(--orange);transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,107,26,.2)}.social-btn:hover::before{opacity:1}.social-btn.line-s{background:linear-gradient(135deg,#06c755,#059142);border-color:transparent;color:#fff;font-weight:700;font-size:13px;font-family:Kanit,sans-serif}.social-btn.line-s:hover{box-shadow:0 8px 20px rgba(6,199,85,.3);color:#fff;border-color:transparent}.footer-section-title{font-family:Kanit,sans-serif;font-size:16px;font-weight:800;color:var(--text);margin-bottom:24px;display:flex;align-items:center;gap:10px;letter-spacing:.3px}.footer-section-title::before{content:'';width:20px;height:3px;background:linear-gradient(90deg,var(--orange),transparent);border-radius:2px;flex-shrink:0}.footer-links{list-style:none;display:flex;flex-direction:column;gap:4px}.footer-links a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--text);font-size:13.5px;font-weight:500;transition:all .25s ease;border:1px solid transparent;position:relative}.footer-links a::before{content:'';position:absolute;left:0;top:0;height:100%;width:2px;background:var(--orange);transform:scaleY(0);transition:transform .25s;border-radius:2px}.footer-links a:hover{color:var(--text);background:rgba(255,107,26,.08);border-color:var(--footer-border);padding-left:16px}.footer-links a:hover::before{transform:scaleY(1)}.link-icon-box{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,rgba(255,107,26,.12) 0,rgba(255,140,60,.06) 100%);border:1px solid rgba(255,107,26,.22);box-shadow:0 2px 6px rgba(255,107,26,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;color:var(--orange)}.footer-links a:hover .link-icon-box{background:linear-gradient(135deg,var(--orange) 0,var(--orange2) 100%);border-color:transparent;box-shadow:0 4px 14px rgba(255,107,26,.35);color:#fff}.footer-links a:hover .link-icon-box svg{stroke:white}.contact-card{background:#fff5ee;border:1px solid rgba(255,107,26,.12);border-radius:18px;padding:20px;margin-bottom:14px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.contact-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(6,199,85,.05),transparent);opacity:0;transition:opacity .3s}.contact-card:hover{border-color:rgba(6,199,85,.3);transform:translateY(-2px);box-shadow:0 12px 30px rgba(6,199,85,.12)}.contact-card:hover::before{opacity:1}.line-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.line-avatar{width:44px;height:44px;background:linear-gradient(135deg,#06c755,#059142);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;font-family:Kanit,sans-serif;box-shadow:0 4px 14px rgba(6,199,85,.35);flex-shrink:0}.line-info{flex:1}.line-label{font-size:10px;color:var(--footer-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px;font-weight:600}.line-id{font-family:Kanit,sans-serif;font-weight:800;font-size:16px;color:var(--text)}.badge-online{display:flex;align-items:center;gap:6px;background:rgba(6,199,85,.12);border:1px solid rgba(6,199,85,.25);border-radius:20px;padding:4px 10px;font-size:11px;color:var(--green);font-weight:500;white-space:nowrap}.badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hours-item{background:#fff5ee;border:1px solid rgba(255,107,26,.1);border-radius:10px;padding:10px 12px}.hours-label{font-size:10px;color:var(--footer-muted);margin-bottom:3px;font-weight:600;letter-spacing:.5px}.hours-value{font-size:13px;font-weight:700;color:var(--text);font-family:Kanit,sans-serif}.email-card{background:#fff5ee;border:1px solid rgba(255,107,26,.12);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s}.email-card:hover{border-color:rgba(255,107,26,.3);transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,26,.12)}.email-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--orange),#f40);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(255,107,26,.35)}.email-label{font-size:10px;color:var(--footer-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;font-weight:600}.email-value{font-size:13.5px;color:var(--text);font-weight:600}.footer-newsletter{background:rgba(255,107,26,.04);border-top:1px solid rgba(255,107,26,.1);padding:28px 60px}.newsletter-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.nl-label{display:flex;align-items:center;gap:12px;white-space:nowrap}.nl-icon-box{width:36px;height:36px;background:rgba(255,107,26,.12);border:1px solid rgba(255,107,26,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px}.nl-label span{font-size:14.5px;font-weight:700;color:var(--text);font-family:Kanit,sans-serif}.nl-form{display:flex;align-items:center;gap:10px;flex:1;max-width:460px}.nl-input{flex:1;background:#fff5ee;border:1px solid rgba(255,107,26,.12);border-radius:12px;padding:13px 18px;color:var(--text);font-family:Prompt,sans-serif;font-size:13.5px;font-weight:300;outline:0;transition:all .3s}.nl-input::placeholder{color:#aeaeb2}.nl-input:focus{border-color:rgba(255,107,26,.4);box-shadow:0 0 0 3px rgba(255,107,26,.1)}.nl-submit{background:linear-gradient(135deg,var(--orange),var(--orange2));border:none;border-radius:12px;padding:13px 24px;color:#fff;font-family:Prompt,sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(255,107,26,.3);white-space:nowrap;position:relative;overflow:hidden}.nl-submit::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s}.nl-submit:hover::before{left:100%}.nl-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,107,26,.35)}.footer-bottom{background:rgba(255,107,26,.05);border-top:1px solid rgba(255,107,26,.1);padding:18px 60px}.footer-bottom-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.warning-badge{display:flex;align-items:center;gap:8px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:20px;padding:7px 14px;font-size:12px;color:#f59e0b;font-weight:600}.copyright{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);font-weight:500}.cr-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.scroll-top{display:none!important}.scroll-top.visible{opacity:1;pointer-events:auto}.scroll-top:hover{transform:translateY(-4px);box-shadow:0 12px 30px var(--orange-glow)}.dep-card{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.dep-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(255,107,26,.18)}.dep-card.selected{box-shadow:0 0 0 3px var(--orange),0 24px 60px rgba(255,107,26,.2);transform:translateY(-6px)}.dep-card-inner{background:#fffbf8;border:1px solid rgba(255,107,26,.1);border-radius:24px;padding:20px;position:relative;z-index:1;height:100%;transition:border-color .3s,background .3s}..dep-card:hover .dep-card-inner,.dep-card.selected .dep-card-inner{border-color:rgba(255,107,26,.3);background:#fffbf8}.dep-card-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--orange),var(--orange2));border-radius:26px;opacity:0;z-index:0;transition:opacity .3s}.dep-card.selected .dep-card-glow,.dep-card:hover .dep-card-glow{opacity:.1}.dep-card-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.dep-icon-wrap{width:68px;height:68px;border-radius:20px;background:rgba(255,107,26,.08);border:1px solid rgba(255,107,26,.15);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:hidden;transition:transform .3s}.dep-card:hover .dep-icon-wrap{transform:scale(1.06) rotate(-2deg)}.dep-icon-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,26,.15),rgba(255,140,68,.06))}.dep-icon-badge{position:absolute;bottom:5px;right:5px;width:18px;height:18px;background:var(--orange);border-radius:50%;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #fff}.dep-card-title{font-family:Kanit,sans-serif;font-weight:700;font-size:20px;color:var(--text);line-height:1.2}.dep-card-subtitle{font-size:11px;color:var(--muted);letter-spacing:1.5px;font-weight:400;margin-top:3px}.dep-card-desc{font-size:13.5px;color:var(--muted);line-height:1.75;font-weight:300;margin-bottom:12px;padding-left:12px;border-left:2px solid rgba(255,107,26,.2)}.dep-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.dep-features li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text)}.dep-check{width:20px;height:20px;background:linear-gradient(135deg,var(--orange),var(--orange2));border-radius:6px;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.dep-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.dep-tag{display:flex;align-items:center;gap:5px;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.dep-tag.time{background:rgba(255,107,26,.1);border:1px solid rgba(255,107,26,.2);color:var(--orange)}.dep-tag.fee{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#16a34a}.dep-btn{width:100%;background:linear-gradient(135deg,var(--orange),var(--orange2));border:none;border-radius:14px;padding:14px 24px;color:#fff;font-family:Prompt,sans-serif;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px rgba(255,107,26,.28);position:relative;overflow:hidden}.dep-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.dep-btn:hover::before{left:100%}.dep-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,107,26,.38)}.hot-badge-new{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(255,107,26,.13),rgba(255,61,0,.08));border:1.5px solid rgba(255,107,26,.28);border-radius:20px;padding:6px 16px;font-size:11px;color:#ff6b1a;font-weight:800;letter-spacing:1.5px;flex-shrink:0}.hot-dot-new{width:7px;height:7px;background:#ff6b1a;border-radius:50%;box-shadow:0 0 8px #ff6b1a;animation:pulseDot 1.5s infinite;display:inline-block}.see-all-btn-new{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#ff6b1a,#ff3d00);border:none;border-radius:40px;padding:11px 22px;font-family:Prompt,sans-serif;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px rgba(255,107,26,.38);white-space:nowrap;flex-shrink:0}.see-all-btn-new:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 10px 30px rgba(255,107,26,.5)}@media (max-width:768px){#recommendedSection{padding:0 14px 36px!important}#recommendedSection>div>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:nowrap!important;margin-bottom:20px!important}#recommendedSection>div>div:first-child>div:first-child{display:flex!important;align-items:center!important;gap:10px!important;flex:1!important;min-width:0!important}.hot-badge-new{padding:5px 10px!important;font-size:9px!important;letter-spacing:.8px!important;gap:5px!important;flex-shrink:0!important}.hot-badge-new span:last-child{display:none}#recommendedSection h2{font-size:17px!important;letter-spacing:-.3px!important;white-space:nowrap!important}#recommendedSection p{font-size:10.5px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.see-all-btn-new{padding:9px 14px!important;font-size:12px!important;gap:4px!important;border-radius:30px!important}#recommendedGrid{grid-template-columns:1fr!important;gap:14px!important}}@keyframes shimmerBar{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes cardEntrance{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pcard{position:relative;background:#fffbf8;border-radius:26px;border:1.5px solid rgba(220,220,220,.7);box-shadow:0 4px 24px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);overflow:hidden;cursor:pointer;transition:transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .38s ease,border-color .3s;animation:cardEntrance .5s ease forwards;opacity:0}#recommendedGrid .pcard:first-child{animation-delay:50ms}#recommendedGrid .pcard:nth-child(2){animation-delay:.13s}#recommendedGrid .pcard:nth-child(3){animation-delay:.21s}#recommendedGrid .pcard:nth-child(4){animation-delay:.29s}#recommendedGrid .pcard:nth-child(5){animation-delay:.37s}#recommendedGrid .pcard:nth-child(6){animation-delay:.45s}.pcard:hover{transform:translateY(-9px) scale(1.025);box-shadow:0 24px 56px rgba(0,0,0,.13),0 0 0 2px var(--accent);border-color:var(--accent)}.pcard-glow{position:absolute;top:-40px;right:-40px;width:150px;height:150px;background:radial-gradient(circle,var(--accent-mid,rgba(0,0,0,.1)),transparent);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .4s,transform .4s;transform:scale(.6)}.pcard:hover .pcard-glow{opacity:1;transform:scale(1.3)}.pcard-top-bar{height:4px;background:linear-gradient(90deg,var(--accent),#fff 50%,var(--accent));background-size:200%;animation:shimmerBar 2.5s linear infinite;transition:height .3s}.pcard:hover .pcard-top-bar{height:5px;animation-duration:1s}.pcard-inner{padding:20px 22px 18px}.pcard-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.pcard-icon{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0;overflow:hidden;padding:0!important;transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.pcard-icon img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.pcard:hover .pcard-icon{transform:scale(1.18) rotate(-7deg)}.pcard-name{font-weight:900;font-size:16px;color:#1c1c1e;font-family:Kanit,sans-serif;line-height:1.2;letter-spacing:-.3px}.pcard-sub{font-size:11px;color:#8e8e93;font-weight:500;margin-top:3px}.pcard-badge{font-size:10px;font-weight:800;padding:4px 11px;border-radius:20px;white-space:nowrap;letter-spacing:.3px}.pcard-prices{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.pcard-price-row{display:flex;align-items:center;justify-content:space-between;background:var(--row-accent,rgba(0,0,0,.03));border:1px solid var(--accent-light,rgba(0,0,0,.05));border-radius:14px;padding:11px 15px;transition:all .28s ease}.pcard:hover .pcard-price-row{background:var(--accent-light);border-color:var(--accent-mid);transform:translateX(4px)}.pcard:hover .pcard-price-row:last-child{transition-delay:50ms}.pcard-duration{font-size:13px;color:#48484a;font-weight:600}.pcard-pricing{display:flex;align-items:center;gap:8px}.pcard-old{display:none}.pcard-new{font-weight:900;font-size:18px;font-family:Kanit,sans-serif;line-height:1}.pcard-btn{color:#fff;border-radius:14px;padding:12px;text-align:center;font-weight:700;font-size:13.5px;font-family:Prompt,sans-serif;letter-spacing:.3px;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .38s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 18px rgba(0,0,0,.2)}.pcard:hover .pcard-btn{opacity:1;transform:translateY(0)}@media (max-width:768px){.pcard-btn{opacity:1!important;transform:translateY(0)!important;margin-top:4px!important}}@media (hover:none){.pcard-btn{opacity:1!important;transform:translateY(0)!important}}.gp-eyebrow{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.gp-title-group{display:flex;align-items:center;gap:16px}.gp-accent-bar{width:5px;height:36px;border-radius:6px;flex-shrink:0;background:linear-gradient(180deg,#ff6b1a 0,#fa5 60%,rgba(255,170,85,0) 100%);box-shadow:0 0 18px rgba(255,107,26,.5);animation:accentPulse 2s ease-in-out infinite}@keyframes accentPulse{0%,100%{box-shadow:0 0 18px rgba(255,107,26,.5)}50%{box-shadow:0 0 30px rgba(255,107,26,.9)}}.gp-title{font-family:Kanit,sans-serif;font-weight:900;font-size:23px;color:#1c1c1e;letter-spacing:-.5px;line-height:1.1}.gp-title em{color:#ff6b1a;font-style:normal}.gp-sub{font-size:11px;color:#aeaeb2;margin-top:4px;font-weight:400}.gp-live-pill{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(34,197,94,.09),rgba(22,163,74,.05));border:1.5px solid rgba(34,197,94,.3);border-radius:40px;padding:7px 16px;font-size:10px;font-weight:800;color:#16a34a;letter-spacing:1.3px;box-shadow:0 2px 14px rgba(34,197,94,.14),inset 0 1px 0 rgba(255,255,255,.6);animation:livePop .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes livePop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.gp-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;box-shadow:0 0 9px #22c55e;animation:pulseDot 1.5s infinite}.gp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.gp-panel{border-radius:28px;overflow:hidden;position:relative;background:#fff;border:1.5px solid rgba(255,107,26,.08);box-shadow:0 2px 20px rgba(0,0,0,.04),0 0 0 0 rgba(255,107,26,0);display:flex;flex-direction:column;transition:box-shadow .4s ease,border-color .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.gp-panel:hover{box-shadow:0 16px 56px rgba(255,107,26,.14),0 4px 16px rgba(0,0,0,.06);border-color:rgba(255,107,26,.28);transform:translateY(-4px)}.gp-panel::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 40% at 100% 0,rgba(255,107,26,.04) 0,transparent 70%),radial-gradient(ellipse 60% 50% at 0 100%,rgba(255,180,80,.03) 0,transparent 70%)}.gp-beam{height:3px;flex-shrink:0;position:relative;z-index:2;overflow:hidden;border-radius:3px 3px 0 0}.gp-beam::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,#ff9a5c 20%,#ff6b1a 40%,#ff3d00 50%,#ff6b1a 60%,#fc9 80%,transparent 100%);background-size:300%;animation:beamRun 2.8s linear infinite}@keyframes beamRun{0%{background-position:200%}100%{background-position:-200%}}.gp-ph{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid rgba(255,107,26,.06);position:relative;z-index:2;flex-shrink:0;gap:12px}.gp-ph-left{display:flex;align-items:center;gap:13px;min-width:0;flex:1}.gp-ph-icon{width:44px;height:44px;border-radius:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,107,26,.1),rgba(255,61,0,.06));border:1.5px solid rgba(255,107,26,.16);box-shadow:0 4px 14px rgba(255,107,26,.1),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}.gp-panel:hover .gp-ph-icon{transform:rotate(-8deg) scale(1.1);box-shadow:0 8px 24px rgba(255,107,26,.24),inset 0 1px 0 rgba(255,255,255,.5)}.gp-ph-title{font-family:Kanit,sans-serif;font-weight:900;font-size:16px;color:#1c1c1e;letter-spacing:-.3px;line-height:1}.gp-ph-sub{font-size:10.5px;color:#aeaeb2;margin-top:3px}.gp-ph-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#fff5ee,#ffe4cc);border:1.5px solid rgba(255,107,26,.2);border-radius:16px;padding:8px 16px;gap:2px;text-align:center;cursor:default;box-shadow:0 3px 12px rgba(255,107,26,.1),inset 0 1px 0 rgba(255,255,255,.7);transition:all .3s}.gp-ph-badge:hover{transform:scale(1.06);box-shadow:0 6px 20px rgba(255,107,26,.18)}.gp-ph-badge-n{font-family:Kanit,sans-serif;font-weight:900;font-size:20px;color:#ff6b1a;line-height:1}.gp-ph-badge-l{font-size:9px;color:#c27040;font-weight:600;white-space:nowrap;margin-top:1px}.gp-feed-box{position:relative;height:334px;overflow:hidden;padding:0 16px;flex-shrink:0}.gp-feed-box::before{content:'';position:absolute;top:0;left:0;right:0;height:52px;background:linear-gradient(180deg,#fff 20%,transparent);z-index:3;pointer-events:none}.gp-feed-box::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,#fff 20%,transparent);z-index:3;pointer-events:none}.gp-feed{display:flex;flex-direction:column;gap:8px;padding:14px 0;animation:gpFeedUp 34s linear infinite}.gp-feed:hover{animation-play-state:paused}@keyframes gpFeedUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}.gp-row{display:flex;align-items:center;gap:11px;background:rgba(250,250,250,.9);border:1.5px solid transparent;border-radius:16px;padding:10px 13px;cursor:default;position:relative;overflow:hidden;transition:all .32s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px rgba(0,0,0,.04)}.gp-row::before{content:'';position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--rc,#ff6b1a);border-radius:0 3px 3px 0;opacity:0;transform:scaleY(.4);transition:all .28s cubic-bezier(.34,1.56,.64,1)}.gp-row-shim{position:absolute;inset:0;pointer-events:none;border-radius:16px;background:linear-gradient(105deg,transparent 30%,rgba(255,107,26,.06) 50%,transparent 70%);opacity:0;transition:opacity .2s}.gp-row:hover{background:#fff;border-color:rgba(255,107,26,.2);transform:translateX(7px) scale(1.015);box-shadow:0 6px 24px rgba(255,107,26,.11),0 1px 4px rgba(0,0,0,.04)}.gp-row:hover::before{opacity:1;top:0;bottom:0;transform:scaleY(1)}.gp-row:hover .gp-row-shim{opacity:1}.gp-row-ico{width:38px;height:38px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;font-family:Kanit,sans-serif;color:#fff;position:relative;overflow:hidden;transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.gp-row-ico::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent)}.gp-row-ico img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;position:relative;z-index:1}.gp-row:hover .gp-row-ico{transform:rotate(-10deg) scale(1.18)}.gp-row-info{flex:1;min-width:0}.gp-row-name{font-size:12.5px;font-weight:700;color:#1c1c1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Kanit,sans-serif;line-height:1.2;transition:color .2s}.gp-row:hover .gp-row-name{color:#ff6b1a}.gp-row-meta{display:flex;align-items:center;gap:7px;margin-top:4px}.gp-row-user{font-size:10px;color:#888;font-weight:600;background:rgba(255,107,26,.07);border:1px solid rgba(255,107,26,.2);border-radius:20px;padding:2px 7px;display:inline-flex;align-items:center;gap:3px}.gp-row-time{font-size:9.5px;color:#d1d1d6}.gp-row-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.gp-row-ok{font-size:9.5px;font-weight:800;color:#dc2626;background:rgba(220,38,38,.09);border:1px solid rgba(220,38,38,.22);border-radius:20px;padding:2px 9px;white-space:nowrap;transition:all .25s}.gp-row:hover .gp-row-ok{background:rgba(220,38,38,.15);transform:scale(1.06)}.gp-row-qty{font-size:9px;color:#d1d1d6}.gp-footer{display:flex;align-items:center;border-top:1px solid rgba(255,107,26,.07);position:relative;z-index:2;flex-shrink:0;background:linear-gradient(90deg,rgba(255,107,26,.015),transparent,rgba(255,107,26,.015))}.gp-fi{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 6px;gap:2px;cursor:default;border-right:1px solid rgba(255,107,26,.07);transition:background .25s}.gp-fi:last-child{border-right:none}.gp-fi:hover{background:rgba(255,107,26,.04)}.gp-fi-v{font-family:Kanit,sans-serif;font-weight:800;font-size:13px;color:#1c1c1e;line-height:1}.gp-fi-l{font-size:9px;color:#aeaeb2;font-weight:400;margin-top:1px}.gp-hot-list{display:flex;flex-direction:column;position:relative;z-index:2;flex:1}.gp-hot-item{display:flex;align-items:center;gap:13px;padding:13px 22px;border-bottom:1px solid rgba(255,107,26,.06);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.gp-hot-item:last-child{border-bottom:none}.gp-hot-item::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,107,26,.05) 0,rgba(255,170,85,.03) 60%,transparent 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.gp-hot-item:hover::after{transform:scaleX(1)}.gp-hot-item:hover{transform:translateX(5px)}.gp-hot-item:hover .gp-hot-name{color:#ff6b1a}.gp-hot-item:hover .gp-hot-app{transform:rotate(-8deg) scale(1.14);box-shadow:0 8px 22px var(--app-shadow,rgba(255,107,26,.3))}.gp-hot-item:hover .gp-hot-price{color:#ff3d00;transform:scale(1.08)}.gp-hot-item:hover .gp-rank{transform:scale(1.15) rotate(-4deg)}.gp-rank{width:28px;height:28px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:Kanit,sans-serif;font-weight:900;font-size:12px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1}.gp-rank.r1{background:linear-gradient(135deg,#ffe066,#ff9500);color:#5c3000;box-shadow:0 4px 16px rgba(255,165,0,.44)}.gp-rank.r2{background:linear-gradient(135deg,#e8e8e8,#9e9e9e);color:#222;box-shadow:0 3px 10px rgba(150,150,150,.28)}.gp-rank.r3{background:linear-gradient(135deg,#f0a060,#b05818);color:#fff;box-shadow:0 3px 10px rgba(160,80,30,.3)}.gp-rank.r4,.gp-rank.r5{background:rgba(255,107,26,.06);border:1px solid rgba(255,107,26,.14);color:#aeaeb2}.gp-hot-app{width:46px;height:46px;flex-shrink:0;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;font-family:Kanit,sans-serif;color:#fff;position:relative;overflow:hidden;transition:transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}.gp-hot-app::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}.gp-hot-app img{width:100%;height:100%;object-fit:cover;border-radius:15px;display:block;position:relative;z-index:1}.gp-hot-info{flex:1;min-width:0;position:relative;z-index:1}.gp-hot-name{font-size:13.5px;font-weight:700;color:#1c1c1e;font-family:Kanit,sans-serif;letter-spacing:-.2px;transition:color .22s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-hot-sub{font-size:10px;color:#aeaeb2;margin-top:2px}.gp-hot-bar-wrap{margin-top:5px;height:3px;background:rgba(255,107,26,.1);border-radius:3px;overflow:hidden}.gp-hot-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#ff6b1a,#fa5);width:0%;transition:none}@keyframes barGrow{from{width:0%}to{width:var(--bar-w,50%)}}.gp-trend{flex-shrink:0;font-size:9px;font-weight:800;border-radius:20px;padding:3px 9px;letter-spacing:.3px;position:relative;z-index:1;transition:transform .25s}.gp-hot-item:hover .gp-trend{transform:scale(1.1)}.gp-trend.hot{background:rgba(255,107,26,.1);border:1px solid rgba(255,107,26,.25);color:#ff6b1a}.gp-trend.up{background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.25);color:#16a34a}.gp-hot-right{flex-shrink:0;text-align:right;position:relative;z-index:1}.gp-hot-price{font-family:Kanit,sans-serif;font-weight:900;font-size:17px;color:#ff6b1a;line-height:1;transition:color .22s,transform .25s;display:inline-block}.gp-hot-sold{font-size:9.5px;color:#c7c7cc;margin-top:3px}.gp-cta{padding:15px 22px;border-top:1px solid rgba(255,107,26,.08);display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:2;flex-shrink:0;background:linear-gradient(90deg,rgba(255,107,26,.02),transparent)}.gp-cta-pills{display:flex;align-items:center;gap:8px}.gp-cta-pill{display:flex;flex-direction:column;align-items:center;gap:1px;background:rgba(255,107,26,.05);border:1px solid rgba(255,107,26,.12);border-radius:12px;padding:6px 12px;transition:all .25s;cursor:default}.gp-cta-pill:hover{background:rgba(255,107,26,.1);transform:translateY(-2px)}.gp-cta-pv{font-family:Kanit,sans-serif;font-weight:800;font-size:13px;color:#ff6b1a;line-height:1}.gp-cta-pl{font-size:9px;color:#aeaeb2;font-weight:400}.gp-cta-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b1a 0,#ff3d00 100%);border:none;border-radius:14px;padding:11px 22px;font-family:Prompt,sans-serif;font-size:13px;font-weight:700;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 24px rgba(255,61,0,.35),inset 0 1px 0 rgba(255,255,255,.18)}.gp-cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.gp-cta-btn:hover::before{left:100%}.gp-cta-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 36px rgba(255,61,0,.46)}.gp-cta-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.gp-cta-btn:hover svg{transform:translateX(5px)}@media(max-width:768px){.gp-grid{grid-template-columns:1fr!important;gap:14px!important}.gp-feed-box{height:264px!important}#recentOrdersSection{padding:0 14px 44px!important}.gp-cta{flex-direction:column;align-items:stretch}.gp-cta-pills{justify-content:center}.gp-cta-btn{justify-content:center}}.reveal{opacity:1;transform:translateY(0);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal.from-left{transform:translateX(0)}.reveal.from-right{transform:translateX(0)}.reveal.visible{opacity:1;transform:translate(0,0)}.svc-pill{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.svc-pill:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 18px 40px rgba(255,107,26,.18)!important;cursor:pointer}.pay-method-card{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s}.pay-method-card:hover{transform:translateY(-4px) scale(1.07);box-shadow:0 10px 28px rgba(0,0,0,.12)!important;background:#fff!important}@keyframes shineSweep{0%{left:-80%}100%,60%{left:140%}}.svc-pill-shine::after{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);animation:shineSweep 3.5s ease-in-out infinite;pointer-events:none}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,26,.4)}50%{box-shadow:0 0 0 8px rgba(255,107,26,0)}}.pulse-badge{animation:badgePulse 2s ease infinite}.pay-check-item{opacity:1;transform:translateX(0);transition:opacity .4s ease,transform .4s ease}.pay-check-item.visible{opacity:1;transform:translateX(0)}.marquee-wrap{overflow:hidden;flex:1;min-width:0}.marquee-inner{display:inline-block;white-space:nowrap;animation:none;padding-right:0}.marquee-dupe{display:none}.hist-name-wrap{overflow:hidden;flex:1;min-width:0;position:relative}.hist-name-inner{display:inline-block;white-space:nowrap}@media (min-width:769px){.hist-name-inner{max-width:100%;overflow:hidden;text-overflow:ellipsis;animation:none!important;display:block}}@media (max-width:768px){.hist-name-wrap{-webkit-mask-image:linear-gradient(to right,black 75%,transparent 100%);mask-image:linear-gradient(to right,black 75%,transparent 100%)}.hist-name-inner.scrolling{animation:histScrollLeft 10s linear infinite}}@keyframes histScrollLeft{0%{transform:translateX(0)}100%{transform:translateX(var(--scroll-dist,-100px))}}@media (max-width:768px){.marquee-dupe{display:inline;padding-left:40px}.marquee-inner{animation:marqueeScroll 18s linear infinite}}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(max-width:680px){#profilePage>div>div[style*=grid]{grid-template-columns:1fr!important}}.sd-option{display:flex;align-items:center;gap:9px;padding:11px 16px;font-family:Sarabun,sans-serif;font-size:13px;color:#57534e;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(0,0,0,.04)}.sd-option:last-child{border-bottom:none}.sd-option:hover{background:#fff5ee;color:var(--orange)}.sd-option.sd-active{background:rgba(255,107,26,.07);color:var(--orange);font-weight:700}.sd-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}#statusDropdownBtn:hover{border-color:rgba(255,107,26,.3)!important;box-shadow:0 4px 16px rgba(255,107,26,.1)!important}#statusDropdownBtn.open{border-color:var(--orange)!important;box-shadow:0 4px 20px rgba(255,107,26,.12)!important}@keyframes dropIn{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pv3In{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pv3IconPop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}@keyframes pv3Pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes pv3Shimmer{from{transform:translateX(-130%) skewX(-15deg)}to{transform:translateX(230%) skewX(-15deg)}}@keyframes pv3Glow{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}50%{box-shadow:0 0 16px 4px rgba(249,115,22,.18)}}#profilePage{font-family:Prompt,Sarabun,sans-serif}.pv3-outer{min-height:calc(100vh - 72px);display:flex;align-items:flex-start;justify-content:center;padding:28px 16px 100px}.pv3-drawer{width:100%;max-width:480px;background:#fff;border-radius:28px;box-shadow:0 20px 60px rgba(0,0,0,.1),0 4px 16px rgba(255,107,26,.08);overflow:hidden;animation:pv3In .45s cubic-bezier(.22,1,.36,1) both}.pv3-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff7f2 0,#fff1e6 100%);border-bottom:1px solid rgba(255,107,26,.09);padding:22px 20px 18px}.pv3-header-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 100% at 100% 0,rgba(255,107,26,.09) 0,transparent 60%),radial-gradient(ellipse 40% 80% at 0 100%,rgba(255,160,80,.06) 0,transparent 60%)}.pv3-header-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:14px}.pv3-logo-wrap{width:52px;height:52px;border-radius:16px;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,107,26,.18);box-shadow:0 4px 12px rgba(255,107,26,.18)}.pv3-logo-wrap img{width:100%;height:100%;object-fit:cover}.pv3-user-info{flex:1;min-width:0}.pv3-username{font-family:Kanit,sans-serif;font-size:17px;font-weight:800;color:#1c1917;line-height:1.2;margin-bottom:2px}.pv3-email{font-size:11.5px;color:#a8a29e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv3-online{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.22);font-size:10.5px;font-weight:700;color:#059669;margin-top:4px}.pv3-online-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pv3Pulse 1.8s ease-in-out infinite}.pv3-auth-row{position:relative;z-index:2;display:flex;gap:8px}.pv3-auth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:14px;border:none;cursor:pointer;font-family:Prompt,sans-serif;font-size:13px;font-weight:700;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.pv3-auth-btn:active{transform:scale(.95)}.pv3-auth-login{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 4px 14px rgba(249,115,22,.32)}.pv3-auth-login:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 22px rgba(249,115,22,.42)}.pv3-auth-register{background:#fff;color:#f97316;border:1.5px solid rgba(249,115,22,.3)!important;box-shadow:0 2px 8px rgba(0,0,0,.05)}.pv3-auth-register:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.6)!important;box-shadow:0 6px 16px rgba(249,115,22,.12)}.pv3-balance-strip{position:relative;z-index:2;display:flex;gap:10px;margin-top:14px}.pv3-bal-pill{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;border:1.5px solid rgba(255,107,26,.1);padding:11px 14px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}.pv3-bal-pill:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,107,26,.12)}.pv3-bal-pill-shimmer{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);pointer-events:none}.pv3-bal-pill:hover .pv3-bal-pill-shimmer{animation:pv3Shimmer .55s ease}.pv3-bal-pill-icon{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pv3-bal-pill-label{font-size:10px;color:#a8a29e;font-weight:500;margin-bottom:1px}.pv3-bal-pill-value{font-family:Kanit,sans-serif;font-size:15px;font-weight:800;color:#1c1917}.pv3-body{padding:20px}.pv3-section{margin-bottom:20px}.pv3-section-title{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#c4bdb8;margin-bottom:12px;padding-left:2px}.pv3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pv3-grid-2{grid-template-columns:repeat(2,1fr)}.pv3-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;background:#fffbf8;border:1.5px solid rgba(255,107,26,.08);border-radius:18px;cursor:pointer;border:none;font-family:Sarabun,sans-serif;font-size:12.5px;font-weight:600;color:#44403c;transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;animation:pv3In .4s cubic-bezier(.22,1,.36,1) both}.pv3-tile:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 24px rgba(255,107,26,.12);border-color:rgba(255,107,26,.22)!important;background:#fff5ee}.pv3-tile:hover .pv3-tile-icon{animation:pv3IconPop .35s cubic-bezier(.34,1.56,.64,1)}.pv3-tile:active{transform:scale(.95)}.pv3-tile-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s}.pv3-tile span{text-align:center;line-height:1.3}.pv3-tile:first-child{animation-delay:.05s}.pv3-tile:nth-child(2){animation-delay:.1s}.pv3-tile:nth-child(3){animation-delay:.15s}.pv3-tile:nth-child(4){animation-delay:.2s}.pv3-tile:nth-child(5){animation-delay:.25s}.pv3-tile:nth-child(6){animation-delay:.3s}.pv3-pw-form{display:none;padding:0 20px 20px;flex-direction:column;gap:13px}.pv3-pw-form.open{display:flex;animation:pv3In .3s cubic-bezier(.22,1,.36,1) both}.pv3-pw-label{font-size:12px;font-weight:600;color:#78716c;display:block;margin-bottom:6px}.pv3-pw-input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(255,107,26,.15);background:#fffbf8;font-family:Sarabun,sans-serif;font-size:13.5px;color:#1c1917;outline:0;transition:all .2s;box-sizing:border-box}.pv3-pw-input:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.09);background:#fff}.pv3-pw-save{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px;border:none;border-radius:13px;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-family:Prompt,sans-serif;font-size:14px;font-weight:700;box-shadow:0 5px 16px rgba(249,115,22,.35);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.pv3-pw-save:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(249,115,22,.45)}.pv3-back-btn{display:flex;align-items:center;gap:8px;padding:14px 20px 0;background:0 0;border:none;cursor:pointer;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;color:#a8a29e;transition:color .2s}.pv3-back-btn:hover{color:#f97316}@media(max-width:500px){.pv3-grid{grid-template-columns:repeat(3,1fr)}.pv3-tile-icon{width:42px;height:42px;border-radius:14px}.pv3-tile{font-size:11.5px;padding:13px 8px 11px}}#historySearch::placeholder{color:#c4bdb8;transition:color .2s}#historySearch:focus::placeholder{color:#d6cfc9}#historySearch:not(:placeholder-shown){border-color:rgba(255,107,26,.28)!important}#historyStatusSelect:hover{border-color:rgba(255,107,26,.3)!important;box-shadow:0 4px 16px rgba(255,107,26,.1)!important}@keyframes searchRowIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.od-back-btn{width:38px;height:38px;border-radius:13px;border:1.5px solid rgba(255,107,26,.18);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 10px rgba(0,0,0,.07);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.od-back-btn:hover{background:#fff0e6;transform:scale(1.08);box-shadow:0 4px 14px rgba(255,107,26,.18)}.od-back-btn:active{transform:scale(.94)}.od-hero-card{background:#fff;border-radius:22px;border:1.5px solid rgba(255,107,26,.12);padding:20px 18px;margin-bottom:14px;box-shadow:0 6px 30px rgba(255,107,26,.08);position:relative;overflow:hidden;animation:odSlideUp .45s cubic-bezier(.22,1,.36,1) both}.od-hero-bg{position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,107,26,.07) 0,transparent 70%);border-radius:50%;pointer-events:none}.od-logo-wrap{width:62px;height:62px;border-radius:18px;flex-shrink:0;position:relative;overflow:visible}.od-logo-pulse{position:absolute;inset:-5px;border-radius:22px;background:0 0;border:2px solid rgba(255,107,26,.25);animation:odPulseRing 2.5s ease-out infinite}@keyframes odPulseRing{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.18);opacity:0}100%{transform:scale(1.18);opacity:0}}.od-chips-row{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;animation:odSlideUp .45s cubic-bezier(.22,1,.36,1) 60ms both}.od-chips-row::-webkit-scrollbar{display:none}.od-chip{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:10px 16px;background:#fff;border-radius:16px;border:1.5px solid rgba(255,107,26,.1);box-shadow:0 2px 10px rgba(0,0,0,.04);min-width:80px;transition:transform .2s,box-shadow .2s}.od-chip:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,107,26,.12)}.od-chip-label{font-size:10px;color:#a8a29e;font-weight:500}.od-chip-value{font-family:Kanit,sans-serif;font-size:14px;font-weight:800;color:#1c1917}.od-chip-value.accent{color:var(--orange)}.od-section{background:#fff;border-radius:22px;border:1.5px solid rgba(255,107,26,.1);padding:18px;margin-bottom:14px;box-shadow:0 4px 20px rgba(0,0,0,.045);animation:odSlideUp .45s cubic-bezier(.22,1,.36,1) .12s both}.od-section:nth-child(4){animation-delay:.18s}.od-section:nth-child(5){animation-delay:.24s}.od-section-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.od-section-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.od-section-title{font-family:Kanit,sans-serif;font-size:14.5px;font-weight:700;color:var(--text);flex:1}.od-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.od-info-cell{background:#fffbf8;border:1px solid rgba(255,107,26,.08);border-radius:14px;padding:13px 14px;transition:transform .2s,box-shadow .2s}.od-info-cell:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,107,26,.09)}.od-info-cell.full{grid-column:1/-1}.od-info-cell-label{font-size:10px;color:#a8a29e;font-weight:500;margin-bottom:4px;letter-spacing:.2px}.od-info-cell-value{font-family:Kanit,sans-serif;font-size:15px;font-weight:700;color:#1c1917}.od-info-cell-value.orange{color:var(--orange)}.od-premium-section{border-color:rgba(168,85,247,.15);background:linear-gradient(160deg,#fff 70%,rgba(245,243,255,.6) 100%)}.od-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;border:1.5px solid rgba(255,107,26,.2);background:#fff;font-family:Prompt,sans-serif;font-size:11px;font-weight:600;color:var(--orange);cursor:pointer;transition:all .2s;margin-left:auto}.od-copy-btn:hover{background:rgba(255,107,26,.06);transform:scale(1.04)}.od-copy-btn:active{transform:scale(.96)}.od-content-box{background:linear-gradient(135deg,#fffbf8 0,#fff5ee 100%);border:1px solid rgba(255,107,26,.1);border-radius:16px;padding:16px;font-size:13px;line-height:2;color:var(--text);white-space:pre-wrap;font-family:Prompt,sans-serif;position:relative;overflow:hidden}.od-content-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f97316,#a855f7,#f97316);background-size:200% 100%;animation:odGradientShift 3s linear infinite}@keyframes odGradientShift{0%{background-position:0 0}100%{background-position:200% 0}}.od-report-btn{width:100%;padding:15px 18px;background:#fff;border:1.5px solid rgba(255,107,26,.18);border-radius:18px;font-family:Prompt,sans-serif;font-size:14px;font-weight:600;color:#ef4444;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s;box-shadow:0 2px 12px rgba(0,0,0,.04);animation:odSlideUp .45s cubic-bezier(.22,1,.36,1) .3s both}.od-report-btn:hover{background:rgba(239,68,68,.04);border-color:rgba(239,68,68,.3);transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,.1)}.od-report-btn:active{transform:translateY(0)}@keyframes odSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hstat-card{background:#fff;border-radius:16px;border:1px solid rgba(255,107,26,.1);padding:16px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);cursor:default;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;position:relative;overflow:hidden}.hstat-card::after{content:'';position:absolute;top:-50%;left:-75%;width:50%;height:200%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:skewX(-20deg);transition:left .5s ease;pointer-events:none}.hstat-card:hover::after{left:130%}.hstat-card:hover{transform:translateY(-5px) scale(1.02)}.hstat-card.orange:hover{box-shadow:0 12px 28px rgba(249,115,22,.22)}.hstat-card.green:hover{box-shadow:0 12px 28px rgba(16,185,129,.2)}.hstat-card.amber:hover{box-shadow:0 12px 28px rgba(245,158,11,.2)}.hstat-card.blue:hover{box-shadow:0 12px 28px rgba(59,130,246,.22)}.hstat-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.hstat-icon::before{content:'';position:absolute;inset:-4px;border-radius:16px;opacity:0;transition:opacity .3s}.hstat-card:hover .hstat-icon::before{opacity:1;animation:iconPulse 1.2s ease-out infinite}.hstat-card.orange .hstat-icon{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 10px rgba(249,115,22,.3)}.hstat-card.orange .hstat-icon::before{background:radial-gradient(circle,rgba(249,115,22,.25) 0,transparent 70%)}.hstat-card.green .hstat-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 10px rgba(16,185,129,.25)}.hstat-card.green .hstat-icon::before{background:radial-gradient(circle,rgba(16,185,129,.25) 0,transparent 70%)}.hstat-card.amber .hstat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 10px rgba(245,158,11,.25)}.hstat-card.amber .hstat-icon::before{background:radial-gradient(circle,rgba(245,158,11,.25) 0,transparent 70%)}.hstat-card.blue .hstat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 10px rgba(59,130,246,.28)}.hstat-card.blue .hstat-icon::before{background:radial-gradient(circle,rgba(59,130,246,.25) 0,transparent 70%)}.hstat-num{font-family:Kanit,sans-serif;font-size:1.3rem;font-weight:800;color:#1c1917;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hstat-card:hover .hstat-num{transform:scale(1.1)}@keyframes iconPulse{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.8);opacity:0}}@keyframes cardSlideIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}#historyStatsBar .hstat-card:first-child{animation:cardSlideIn .4s ease both 50ms}#historyStatsBar .hstat-card:nth-child(2){animation:cardSlideIn .4s ease both .12s}#historyStatsBar .hstat-card:nth-child(3){animation:cardSlideIn .4s ease both .19s}#historyStatsBar .hstat-card:nth-child(4){animation:cardSlideIn .4s ease both .26s}@keyframes svcCardIn{from{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svcShine{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes svcIconFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(4deg)}}@keyframes svcOrbPulse{0%,100%{transform:scale(1);opacity:.18}50%{transform:scale(1.25);opacity:.35}}@keyframes svcTagAppear{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes card1Glow{0%,100%{box-shadow:0 12px 40px rgba(255,107,26,.38),0 0 0 0 rgba(255,107,26,0)}50%{box-shadow:0 20px 60px rgba(255,107,26,.55),0 0 40px 10px rgba(255,107,26,.1)}}@keyframes topBarExpand{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes svcHeaderReveal{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.svc-pill-v2{animation:svcCardIn .7s cubic-bezier(.22,1,.36,1) both}.svc-pill-v2:first-child{animation-delay:0ms}.svc-pill-v2:nth-child(2){animation-delay:.12s}.svc-pill-v2:nth-child(3){animation-delay:.22s}.svc-pill-v2:nth-child(4){animation-delay:.32s}.svc-card1-animated{animation:card1Glow 3s ease-in-out infinite}.svc-card1-shine{position:absolute;inset:0;border-radius:22px;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);background-size:200% 100%;background-position:-200% center;pointer-events:none;z-index:2;transition:background-position 0s}.svc-card1-wrap:hover .svc-card1-shine{animation:svcShine .6s ease forwards}.svc-icon-v2{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.svc-pill-v2:hover .svc-icon-v2{animation:svcIconFloat 1.2s ease-in-out infinite}.svc-topbar-v2{animation:topBarExpand .6s cubic-bezier(.22,1,.36,1) .5s both}.svc-orb-bg{position:absolute;border-radius:50%;pointer-events:none}.svc-tag-v2{animation:svcTagAppear .5s ease .6s both}.svc-header-reveal{animation:svcHeaderReveal .7s cubic-bezier(.22,1,.36,1) .1s both}.svc-pill-v2{position:relative;overflow:hidden}@keyframes svcRipple{to{transform:scale(28);opacity:0}}@keyframes lp-bg-drift{0%{transform:translate(0,0) rotate(0) scale(1)}33%{transform:translate(30px,-20px) rotate(120deg) scale(1.08)}66%{transform:translate(-20px,25px) rotate(240deg) scale(.95)}100%{transform:translate(0,0) rotate(360deg) scale(1)}}@keyframes lp-bg-drift2{0%{transform:translate(0,0) rotate(0) scale(1)}50%{transform:translate(-40px,30px) rotate(180deg) scale(1.1)}100%{transform:translate(0,0) rotate(360deg) scale(1)}}@keyframes lp-particle{0%{transform:translateY(0) translateX(0) scale(1);opacity:.6}50%{transform:translateY(-60px) translateX(20px) scale(1.3);opacity:1}100%{transform:translateY(-120px) translateX(-10px) scale(.5);opacity:0}}@keyframes lp-card-in{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lp-shine{0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(300%) skewX(-15deg)}}@keyframes lp-pulse-ring{0%{transform:scale(1);opacity:.4}70%{transform:scale(1.8);opacity:0}100%{transform:scale(1.8);opacity:0}}@keyframes lp-float-icon{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes lp-scanline{0%{top:-2px;opacity:0}10%{opacity:.4}90%{opacity:.4}100%{top:100%;opacity:0}}@keyframes lp-border-glow{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,0)}50%{box-shadow:0 0 0 4px rgba(249,115,22,.15)}}@keyframes lp-progress{from{width:0%}to{width:100%}}#loginPage .lp-bg-orb1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,107,26,.18) 0,rgba(255,180,80,.1) 40%,transparent 70%);top:-180px;right:-150px;animation:lp-bg-drift 18s ease-in-out infinite;pointer-events:none;filter:blur(2px)}#loginPage .lp-bg-orb2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle at 60% 60%,rgba(251,191,36,.14) 0,rgba(255,107,26,.08) 45%,transparent 70%);bottom:-160px;left:-130px;animation:lp-bg-drift2 22s ease-in-out infinite;pointer-events:none;filter:blur(3px)}#loginPage .lp-bg-mesh{position:absolute;inset:0;pointer-events:none;overflow:hidden;background-image:radial-gradient(circle at 20% 50%,rgba(255,107,26,.04) 1px,transparent 1px),radial-gradient(circle at 80% 50%,rgba(251,191,36,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.7}#loginPage .lp-card{animation:lp-card-in .7s cubic-bezier(.22,1,.36,1) both}#loginPage .lp-input-wrap{position:relative;margin-bottom:14px}#loginPage .lp-input-wrap input{width:100%;box-sizing:border-box;padding:15px 16px 15px 48px;border-radius:16px;border:2px solid rgba(255,107,26,.12);background:rgba(255,251,248,.9);font-family:Sarabun,Prompt,sans-serif;font-size:14.5px;color:#1c1917;outline:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}#loginPage .lp-input-wrap input:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.1),0 8px 24px rgba(249,115,22,.12);background:#fff;transform:translateY(-1px)}#loginPage .lp-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none;transition:all .25s}#loginPage .lp-input-wrap input:focus~.lp-input-icon svg,#loginPage .lp-input-wrap:focus-within .lp-input-icon svg{stroke:#F97316}#loginPage .lp-header-bg{background:linear-gradient(135deg,#ff6b1a 0,#ff9a42 40%,#ffbe5c 70%,#f97316 100%)}#loginPage .lp-logo-ring{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.4);animation:lp-pulse-ring 2.5s ease-out infinite}#loginPage .lp-logo-ring2{position:absolute;inset:-16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);animation:lp-pulse-ring 2.5s ease-out .8s infinite}#loginPage .lp-btn-main{position:relative;overflow:hidden;width:100%;padding:16px;border:none;border-radius:18px;background:linear-gradient(135deg,#ff7a2e,#f97316,#ea580c);background-size:200%;color:#fff;font-family:Kanit,sans-serif;font-size:16px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px 28px rgba(249,115,22,.45),inset 0 1px 0 rgba(255,255,255,.2);transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}#loginPage .lp-btn-main::before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);animation:lp-shine 3s ease-in-out 1s infinite}#loginPage .lp-btn-main:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 16px 40px rgba(249,115,22,.55),inset 0 1px 0 rgba(255,255,255,.25);background-position:right center}#loginPage .lp-btn-main:active{transform:translateY(0) scale(.98)}#loginPage .lp-btn-line{position:relative;overflow:hidden;width:100%;padding:14px 16px;border:none;border-radius:18px;background:linear-gradient(135deg,#08d45e,#06c755,#05b04a);color:#fff;font-family:Kanit,sans-serif;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 22px rgba(6,199,85,.38),inset 0 1px 0 rgba(255,255,255,.15);transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}#loginPage .lp-btn-line::before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);animation:lp-shine 3s ease-in-out 2s infinite}#loginPage .lp-btn-line:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 36px rgba(6,199,85,.5)}#loginPage .lp-feature-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}#loginPage .lp-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;background:rgba(255,107,26,.07);border:1px solid rgba(255,107,26,.14);font-size:11px;font-weight:600;color:#c2551a;font-family:Prompt,sans-serif}:root{--o:#FF4D00;--o2:#FF7A30;--o3:#FFAA70;--og:linear-gradient(135deg,#FF4D00 0%,#FF7A30 100%);--os:0 12px 40px rgba(255,77,0,0.32);--bg:#FAFAF8;--white:#FFFFFF;--text:#120600;--t2:#7A5040;--t3:#C4A090;--t4:#EDE0DA;--green:#00C878;--red:#FF3355;--r20:20px;--r16:16px;--r12:12px}#depositPage{background:#fafaf8}.d7-bg-shape{position:fixed;pointer-events:none;z-index:0;border-radius:50%;animation:d7Morph 20s ease-in-out infinite alternate}.d7-bg-s1{width:600px;height:600px;background:radial-gradient(circle,rgba(255,77,0,.06) 0,transparent 70%);top:-200px;right:-150px;animation-duration:18s}.d7-bg-s2{width:500px;height:500px;background:radial-gradient(circle,rgba(255,150,60,.05) 0,transparent 70%);bottom:-150px;left:-100px;animation-duration:24s;animation-delay:-8s}.d7-bg-s3{width:300px;height:300px;background:radial-gradient(circle,rgba(255,77,0,.04) 0,transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation-duration:15s;animation-delay:-4s}@keyframes d7Morph{0%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,30px) scale(.94)}100%{transform:translate(10px,-10px) scale(1.03)}}.d7-wrap{position:relative;z-index:2;max-width:540px;margin:0 auto;padding:56px 16px 110px}.d7-balance-card{background:var(--og);border-radius:28px;padding:0;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 24px 64px rgba(255,77,0,.3),0 4px 16px rgba(255,77,0,.15);animation:d7Rise .65s cubic-bezier(.22,1,.36,1) both}.d7-balance-card::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");mix-blend-mode:overlay}.d7-balance-card::after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.05);right:-120px;bottom:-160px;pointer-events:none}.d7-bc-ring{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.07);right:-60px;top:-60px;pointer-events:none}.d7-bc-ring2{position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.05);right:20px;bottom:-20px;pointer-events:none}.d7-bc-top{display:flex;align-items:center;justify-content:space-between;padding:26px 28px 0;position:relative;z-index:1}.d7-bc-chip{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:100px;font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;color:#fff;letter-spacing:1.5px;text-transform:uppercase}.d7-live-dot{width:6px;height:6px;border-radius:50%;background:#5fff9a;box-shadow:0 0 0 3px rgba(95,255,154,.25);animation:d7LiveBlink 2s ease infinite}@keyframes d7LiveBlink{0%,100%{box-shadow:0 0 0 3px rgba(95,255,154,.25)}50%{box-shadow:0 0 0 6px rgba(95,255,154,0)}}.d7-bc-logo{font-family:Prompt,sans-serif;font-size:13px;font-weight:800;color:rgba(255,255,255,.7);letter-spacing:1px}.d7-bc-mid{padding:18px 28px 22px;position:relative;z-index:1}.d7-bc-lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.5px;margin-bottom:6px}.d7-bc-amount{display:flex;align-items:flex-start;gap:6px}.d7-bc-thb{font-family:'Plus Jakarta Sans',sans-serif;font-size:22px;font-weight:700;color:rgba(255,255,255,.7);padding-top:8px}.d7-bc-num{font-family:Prompt,sans-serif;font-size:60px;font-weight:900;color:#fff;letter-spacing:-3px;line-height:1}.d7-bc-footer{display:grid;grid-template-columns:1fr 1px 1fr;border-top:1px solid rgba(255,255,255,.12);position:relative;z-index:1}.d7-bc-stat{padding:16px 22px;display:flex;align-items:center;gap:10px}.d7-bc-stat-ico{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:16px}.d7-bc-stat-text{font-family:'Plus Jakarta Sans',sans-serif}.d7-bc-stat-val{font-size:13px;font-weight:700;color:#fff}.d7-bc-stat-sub{font-size:10px;color:rgba(255,255,255,.55);margin-top:1px}.d7-bc-divider{background:rgba(255,255,255,.12)}.d7-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;animation:d7Rise .65s .1s cubic-bezier(.22,1,.36,1) both}.d7-tab{background:var(--white);border:2px solid var(--t4);border-radius:20px;padding:18px 14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden;font-family:'Plus Jakarta Sans',sans-serif}.d7-tab::before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%);background-size:200% 100%;background-position:-100% 0;transition:background-position .6s ease}.d7-tab:hover::before{background-position:200% 0}.d7-tab:not(.active):hover{border-color:rgba(255,77,0,.25);transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.08)}.d7-tab.active{border-color:var(--o);background:linear-gradient(160deg,rgba(255,77,0,.04),rgba(255,122,48,.02));box-shadow:0 0 0 4px rgba(255,77,0,.06),0 10px 32px rgba(255,77,0,.12)}.d7-tab-ico{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:25px;background:var(--t4);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.d7-tab.active .d7-tab-ico{background:var(--og);box-shadow:0 8px 24px rgba(255,77,0,.35);transform:scale(1.08) rotate(-4deg)}.d7-tab-name{font-size:14px;font-weight:800;color:var(--text)}.d7-tab-sub{font-size:10.5px;color:var(--t3);font-weight:500}.d7-tab-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--og);border-radius:0 0 20px 20px;transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.22,1,.36,1)}.d7-tab.active .d7-tab-bar{transform:scaleX(1)}.d7-tab-badge{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:var(--o);color:#fff;display:none;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 3px 10px rgba(255,77,0,.4);animation:d7BadgePop .3s cubic-bezier(.34,1.56,.64,1) both}.d7-tab.active .d7-tab-badge{display:flex}@keyframes d7BadgePop{from{transform:scale(0) rotate(-45deg)}to{transform:scale(1) rotate(0)}}.d7-panel{display:none}.d7-panel.active{display:block;animation:d7PanelIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes d7PanelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.d7-card{background:var(--white);border-radius:24px;border:1px solid rgba(0,0,0,.06);overflow:hidden;margin-bottom:14px;box-shadow:0 4px 20px rgba(0,0,0,.04);transition:all .25s;position:relative}.d7-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,rgba(255,77,0,.2) 50%,transparent 100%);opacity:0;transition:opacity .25s}.d7-card:hover::before{opacity:1}.d7-card:hover{box-shadow:0 8px 32px rgba(255,77,0,.07)}.d7-card-hd{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;border-bottom:1px solid rgba(0,0,0,.04)}.d7-card-ico{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#fff2ec,#ffe4d4);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all .25s}.d7-card:hover .d7-card-ico{transform:scale(1.05)}.d7-card-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:var(--text)}.d7-card-sub{font-size:11.5px;color:var(--t3);margin-top:2px;font-family:'Plus Jakarta Sans',sans-serif}.d7-card-body{padding:18px 22px}.d7-card-body-flush{padding:0}.d7-bank-list{display:flex;flex-direction:column}.d7-bank{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.035)}.d7-bank:last-child{border-bottom:none}.d7-bank::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--og);transform:scaleY(0);transform-origin:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}.d7-bank:hover::before{transform:scaleY(1)}.d7-bank:hover{background:linear-gradient(90deg,rgba(255,77,0,.03),transparent);padding-left:24px}.d7-bank-logo{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.d7-bank:hover .d7-bank-logo{transform:scale(1.08)}.d7-bank-info{flex:1;min-width:0}.d7-bank-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:600;color:var(--t2);letter-spacing:.3px}.d7-bank-num{font-family:Prompt,sans-serif;font-size:18px;font-weight:700;color:var(--text);letter-spacing:1.5px;margin:2px 0}.d7-bank-holder{font-size:10.5px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d7-copy-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:10px;border:1.5px solid rgba(255,77,0,.2);background:0 0;color:var(--o);font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .22s;white-space:nowrap}.d7-copy-btn:hover{background:var(--o);color:#fff;border-color:var(--o);box-shadow:0 4px 14px rgba(255,77,0,.3);transform:translateY(-1px)}.d7-copy-btn.copied{background:rgba(0,200,120,.12);color:#00b870;border-color:rgba(0,200,120,.4);animation:d7CopiedPop .3s ease}@keyframes d7CopiedPop{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes d7RowIn{0%{opacity:0;transform:translateX(-16px)}100%{opacity:1;transform:translateX(0)}}.d7-bank-card-anim{position:relative;overflow:hidden;animation:d7CardFadeIn .45s ease both}@keyframes d7CardFadeIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.d7-bank-card-anim::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,107,26,.06),transparent);animation:d7ShimmerSlide 3s ease-in-out infinite;pointer-events:none;z-index:0;border-radius:inherit}@keyframes d7ShimmerSlide{0%{left:-100%;opacity:0}20%{opacity:1}60%{left:140%;opacity:1}100%{left:140%;opacity:0}}#d7AccNum.d7-flash{background:rgba(255,107,26,.15);color:var(--orange)!important;border-radius:5px;padding:1px 6px}.d7-notice{margin:14px 20px;padding:12px 15px;border-radius:13px;background:rgba(255,200,60,.07);border:1.5px solid rgba(255,200,0,.18);display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#806000;line-height:1.65;font-family:'Plus Jakarta Sans',sans-serif}.d7-slip-outer{padding:16px 20px 0}.d7-slip-zone{border:2.5px dashed rgba(255,77,0,.2);border-radius:18px;cursor:pointer;transition:all .3s;overflow:hidden;position:relative;background:linear-gradient(160deg,rgba(255,77,0,.02),transparent)}.d7-slip-zone:hover{border-color:var(--o);background:rgba(255,77,0,.03)}.d7-slip-zone.drag{border-color:var(--o);background:rgba(255,77,0,.05);transform:scale(1.01)}.d7-slip-zone.filled{border-style:solid;border-color:rgba(0,200,120,.4);background:rgba(0,200,120,.02)}.d7-slip-inner{display:flex;align-items:center;gap:16px;padding:18px 20px}.d7-slip-icon-wrap{width:56px;height:56px;border-radius:17px;flex-shrink:0;background:var(--og);display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 8px 24px rgba(255,77,0,.3);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.d7-slip-zone:hover .d7-slip-icon-wrap{transform:scale(1.1) rotate(-8deg)}.d7-slip-text h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:15px;font-weight:800;color:var(--text);margin-bottom:3px}.d7-slip-text p{font-size:12px;color:var(--t2);line-height:1.5}.d7-slip-btn{margin-left:auto;flex-shrink:0;padding:9px 16px;border-radius:11px;background:var(--og);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px rgba(255,77,0,.3);transition:all .25s}.d7-slip-btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,77,0,.4)}.d7-slip-prev{display:none;position:relative}.d7-slip-prev img{width:100%;max-height:210px;object-fit:contain;display:block}.d7-slip-prev-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,rgba(0,0,0,.6));display:flex;align-items:center;justify-content:space-between}.d7-slip-prev-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;color:#fff;font-weight:600}.d7-slip-rm{padding:5px 12px;border-radius:8px;background:rgba(255,50,80,.85);color:#fff;font-size:11px;font-weight:700;border:none;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif}.d7-slip-filled-badge{display:none;padding:6px 12px;border-radius:100px;background:rgba(0,200,120,.1);color:var(--green);border:1px solid rgba(0,200,120,.25);font-size:11px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;margin-left:auto}.d7-progress{display:none;margin:0 20px 16px;background:linear-gradient(135deg,rgba(255,77,0,.04),rgba(255,122,48,.02));border:1px solid rgba(255,77,0,.1);border-radius:16px;padding:16px 20px}.d7-prog-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;color:var(--t2);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.d7-prog-row{display:flex;align-items:center}.d7-prog-step{display:flex;flex-direction:column;align-items:center;flex:1}.d7-prog-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;margin-bottom:7px;position:relative;z-index:1;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2.5px solid transparent}.d7-prog-dot.wait{background:#f5efec;border-color:#e5d8d0;color:var(--t3)}.d7-prog-dot.spin{background:#fff;border-color:var(--o);color:var(--o);box-shadow:0 0 0 5px rgba(255,77,0,.07);animation:d7Spin 1s linear infinite}@keyframes d7Spin{0%{border-top-color:transparent;transform:rotate(0)}100%{border-top-color:transparent;transform:rotate(360deg)}}.d7-prog-dot.done{background:var(--og);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(255,77,0,.3)}.d7-prog-line{flex:1;height:2px;background:#ede5e0;margin-bottom:22px;position:relative;overflow:hidden;border-radius:2px}.d7-prog-fill{position:absolute;inset:0;background:var(--og);width:0%;transition:width .9s cubic-bezier(.4,0,.2,1)}.d7-prog-lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;font-weight:600;color:var(--t3)}.d7-submit-wrap{padding:14px 20px 20px}.d7-submit{width:100%;padding:18px;border-radius:18px;border:none;background:var(--og);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:var(--os),inset 0 1px 0 rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;letter-spacing:.3px}.d7-submit::after{content:'';position:absolute;top:-50%;left:-70%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-15deg);transition:left .65s ease}.d7-submit:hover::after{left:130%}.d7-submit:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(255,77,0,.42),inset 0 1px 0 rgba(255,255,255,.2)}.d7-submit:active{transform:translateY(-1px)}.d7-submit:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}.d7-submit-note{text-align:center;font-size:11px;color:var(--t3);margin-top:8px;font-family:'Plus Jakarta Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.d7-submit-note b{color:var(--t2);font-weight:600}.d7-tm-hero{background:linear-gradient(140deg,#6b0000 0,#a00000 30%,#d40000 65%,#ff1a00 100%);border-radius:24px;margin-bottom:14px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 20px 56px rgba(180,0,0,.32);animation:d7TmHeroBob 3s ease-in-out infinite}@keyframes d7TmHeroBob{0%,100%{box-shadow:0 20px 56px rgba(180,0,0,.32)}50%{box-shadow:0 28px 70px rgba(200,0,0,.4)}}.d7-tm-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 25%,rgba(255,255,255,.1) 0,transparent 40%),repeating-linear-gradient(45deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(-45deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 1px,transparent 1px,transparent 18px)}.d7-star{position:absolute;pointer-events:none;animation:d7StarFloat 3s ease-in-out infinite}.d7-star:first-child{top:12%;left:7%;font-size:18px}.d7-star:nth-child(2){top:18%;right:9%;font-size:13px;animation-delay:.6s}.d7-star:nth-child(3){bottom:22%;left:6%;font-size:11px;animation-delay:1.2s}.d7-star:nth-child(4){bottom:15%;right:8%;font-size:16px;animation-delay:1.8s}@keyframes d7StarFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(12deg)}}.d7-env-stage{padding:32px 24px 26px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.d7-env-wrap{width:210px;height:178px;position:relative;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));margin-bottom:18px;animation:d7EnvFloat 3.5s ease-in-out infinite}@keyframes d7EnvFloat{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}.d7-env-wrap.opened{animation:none!important}.d7-env-svg{width:210px;height:178px;display:block}.d7-env-flap{transform-origin:50% 0%;transition:transform .85s cubic-bezier(.4,0,.2,1)}.d7-env-wrap.opened .d7-env-flap{transform:rotateX(-178deg)}.d7-env-coins{position:absolute;top:0;left:50%;transform:translateX(-50%);pointer-events:none}.d7-env-coin{position:absolute;font-size:22px;opacity:0;top:40%;transform:translate(-50%,0) scale(.5);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.d7-env-wrap.opened .d7-env-coin:first-child{opacity:1;transform:translate(-60px,-55px) scale(1);transition-delay:0.3s}.d7-env-wrap.opened .d7-env-coin:nth-child(2){opacity:1;transform:translate(20px,-70px) scale(1.1);transition-delay:0.4s}.d7-env-wrap.opened .d7-env-coin:nth-child(3){opacity:1;transform:translate(60px,-50px) scale(.9);transition-delay:0.5s}.d7-env-glow{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:140px;height:20px;background:radial-gradient(ellipse,rgba(220,0,0,.6) 0,transparent 70%);filter:blur(4px)}.d7-env-title{font-family:Prompt,sans-serif;font-size:24px;font-weight:800;color:#fff;text-align:center;margin-bottom:7px;text-shadow:0 2px 16px rgba(0,0,0,.2)}.d7-env-sub{font-size:13px;color:rgba(255,255,255,.75);text-align:center;line-height:1.65;margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif}.d7-env-cta{display:flex;align-items:center;gap:8px;padding:9px 20px;border-radius:100px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-family:'Plus Jakarta Sans',sans-serif;font-size:12px;font-weight:700;color:#fff;animation:d7CtaPulse 2.5s ease infinite}@keyframes d7CtaPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.2)}50%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}.d7-env-hand{animation:d7HandBounce 1.3s ease infinite}@keyframes d7HandBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.d7-url-lbl{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;color:var(--t2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.d7-url-field{position:relative}.d7-url-field input{width:100%;padding:15px 50px 15px 18px;border:2px solid var(--t4);border-radius:14px;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;color:var(--text);background:#fdfaf8;outline:0;transition:all .25s}.d7-url-field input::placeholder{color:var(--t3)}.d7-url-field input:focus{border-color:var(--o);background:#fff;box-shadow:0 0 0 4px rgba(255,77,0,.07)}.d7-url-field input.ok{border-color:rgba(0,200,120,.55);box-shadow:0 0 0 4px rgba(0,200,120,.06)}.d7-url-field input.err{border-color:rgba(255,50,80,.45);box-shadow:0 0 0 4px rgba(255,50,80,.05)}.d7-url-ico{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px}.d7-url-btns{display:flex;gap:8px;margin-top:8px}.d7-url-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:10px;border:1.5px solid rgba(255,77,0,.2);background:rgba(255,77,0,.05);color:var(--o);font-family:'Plus Jakarta Sans',sans-serif;font-size:11.5px;font-weight:700;cursor:pointer;transition:all .22s;letter-spacing:.3px}.d7-url-btn:hover{background:var(--o);color:#fff;border-color:var(--o);box-shadow:0 4px 14px rgba(255,77,0,.3)}.d7-url-btn.dim{background:#f5f0ee;color:var(--t2);border-color:var(--t4)}.d7-url-btn.dim:hover{background:#ede5e0;color:var(--text)}.d7-url-status{display:none;margin-top:9px;padding:10px 14px;border-radius:12px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;font-weight:600;align-items:center;gap:7px;animation:d7StatusIn .3s ease both}.d7-url-status.show{display:flex}.d7-url-status.ok{background:rgba(0,200,120,.08);border:1.5px solid rgba(0,200,120,.25);color:#007a40}.d7-url-status.err{background:rgba(255,50,80,.06);border:1.5px solid rgba(255,50,80,.2);color:#cc1530}@keyframes d7StatusIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.d7-steps{display:flex;flex-direction:column}.d7-step{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.04);position:relative;font-family:'Plus Jakarta Sans',sans-serif}.d7-step:last-child{border-bottom:none}.d7-step::after{content:'';position:absolute;left:14px;top:40px;width:1.5px;height:calc(100% - 26px);background:linear-gradient(to bottom,rgba(255,77,0,.2),transparent)}.d7-step:last-child::after{display:none}.d7-step-num{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--og);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Prompt,sans-serif;font-size:13px;font-weight:800;box-shadow:0 4px 14px rgba(255,77,0,.3);position:relative;z-index:1;flex-shrink:0}.d7-step-body{padding-top:5px}.d7-step-body p{font-size:13px;color:var(--t2);line-height:1.7}.d7-step-body strong{color:var(--text);font-weight:700}.d7-success{display:none;position:fixed;inset:0;z-index:9000;align-items:center;justify-content:center}.d7-success.show{display:flex}.d7-success-scrim{position:absolute;inset:0;background:rgba(250,250,248,.88)}.d7-success-box{position:relative;z-index:1;background:#fff;border-radius:32px;padding:40px 28px;width:90%;max-width:380px;text-align:center;box-shadow:0 50px 120px rgba(255,77,0,.14),0 8px 30px rgba(0,0,0,.06);animation:d7SuccessPop .55s cubic-bezier(.34,1.56,.64,1) both;overflow:hidden;border:1px solid rgba(0,200,120,.15)}@keyframes d7SuccessPop{from{opacity:0;transform:scale(.65) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.d7-success-conf{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:32px}.d7-success-rings{width:88px;height:88px;margin:0 auto 22px;position:relative;display:flex;align-items:center;justify-content:center}.d7-success-rings::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(0,200,120,.2);animation:d7RingPulse 2s ease infinite}.d7-success-rings::after{content:'';position:absolute;inset:-18px;border-radius:50%;border:1.5px solid rgba(0,200,120,.1);animation:d7RingPulse 2s ease .4s infinite}@keyframes d7RingPulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}.d7-success-inner{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,rgba(0,200,120,.15),rgba(0,200,120,.06));border:2px solid rgba(0,200,120,.3);display:flex;align-items:center;justify-content:center;font-size:36px}.d7-success-title{font-family:Prompt,sans-serif;font-size:28px;font-weight:900;color:var(--text);margin-bottom:8px}.d7-success-title em{font-style:normal;color:var(--o)}.d7-success-msg{font-size:13.5px;color:var(--t2);line-height:1.75;margin-bottom:22px;font-family:'Plus Jakarta Sans',sans-serif}.d7-success-pill{background:linear-gradient(135deg,rgba(0,200,120,.09),rgba(0,200,120,.04));border:1.5px solid rgba(0,200,120,.22);border-radius:16px;padding:14px 20px;margin-bottom:22px;font-family:Prompt,sans-serif;font-size:20px;font-weight:800;color:#007a40;display:flex;align-items:center;justify-content:center;gap:9px}.d7-success-close{width:100%;padding:16px;border-radius:18px;border:none;background:var(--og);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:800;cursor:pointer;transition:all .25s;box-shadow:var(--os)}.d7-success-close:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(255,77,0,.4)}.d7-toasts{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);z-index:10001;display:flex;flex-direction:column;gap:7px;align-items:center;pointer-events:none}.d7-toast{padding:11px 22px;border-radius:100px;background:rgba(18,6,0,.92);border:1px solid rgba(255,77,0,.15);color:#fff;font-size:13px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:d7ToastIn .4s cubic-bezier(.34,1.56,.64,1) both;white-space:nowrap}@keyframes d7ToastIn{from{opacity:0;transform:translateY(18px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes d7ToastOut{to{opacity:0;transform:translateY(10px) scale(.9)}}@keyframes d7Rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes d7CardShimmer{0%{left:-100%}100%,60%{left:150%}}@keyframes d7AvatarPulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.18);opacity:.15}}@keyframes d7BalFlash{0%{color:#ff6b1a;transform:scale(1.08)}100%{color:#1a0a00;transform:scale(1)}}@keyframes d7SparkPop{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@media(max-width:540px){.d7-bc-num{font-size:48px}.d7-bank-num{font-size:16px}.d7-env-wrap{width:170px;height:144px}.d7-env-svg{width:170px;height:144px}.d7-wrap{padding:56px 12px 110px}}@keyframes acpIn{from{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes acpPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes acpPop{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}@keyframes acpShine{from{transform:translateX(-120%) skewX(-18deg)}to{transform:translateX(220%) skewX(-18deg)}}@keyframes acpBar{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes acpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}#accountPopup{display:none;position:fixed;inset:0;z-index:10000;align-items:flex-end;justify-content:center;padding:0 12px 100px;font-family:Prompt,Sarabun,sans-serif}#accountPopupBd{position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .35s;cursor:pointer}#accountPopupSheet{position:relative;z-index:2;width:100%;max-width:400px;background:#fffaf7;border-radius:28px;overflow:hidden;transform:translateY(40px) scale(.96);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .32s ease;box-shadow:0 -2px 0 rgba(255,107,26,.15),0 28px 70px rgba(0,0,0,.22),0 8px 24px rgba(255,107,26,.1);max-height:88vh;overflow-y:auto;scrollbar-width:none}#accountPopupSheet::-webkit-scrollbar{display:none}.acp2-topbar{height:4px;background:linear-gradient(90deg,#f97316,#fbbf24,#f97316,#fb923c);background-size:200%;animation:acpBar 3s linear infinite}.acp2-header{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff7f0 0,#fff0e4 100%);padding:18px 18px 16px;border-bottom:1px solid rgba(255,107,26,.08)}.acp2-header-blob{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,26,.12) 0,transparent 70%);animation:acpFloat 5s ease-in-out infinite;pointer-events:none}.acp2-header-blob2{position:absolute;bottom:-30px;left:-20px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.1) 0,transparent 70%);animation:acpFloat 7s ease-in-out infinite reverse;pointer-events:none}.acp2-close{position:absolute;top:14px;right:14px;z-index:10;width:30px;height:30px;border-radius:50%;border:none;background:rgba(255,107,26,.1);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.acp2-close:hover{background:rgba(255,107,26,.2);transform:scale(1.12) rotate(90deg)}.acp2-close:active{transform:scale(.9)}.acp2-user-row{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding-right:36px}.acp2-avatar{width:54px;height:54px;border-radius:18px;flex-shrink:0;background:linear-gradient(145deg,#ff9a5c,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(249,115,22,.38);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.acp2-avatar:hover{transform:scale(1.08) rotate(-4deg)}.acp2-name{font-family:Kanit,sans-serif;font-size:18px;font-weight:800;color:#1c1917;line-height:1.2}.acp2-email{font-size:11.5px;color:#a8a29e;margin-top:1px}.acp2-online{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,rgba(251,191,36,.18),rgba(245,158,11,.12));border:1px solid rgba(245,158,11,.35);font-size:10.5px;font-weight:700;color:#92400e}.acp2-bal-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.acp2-bal{background:#fff;border:1.5px solid rgba(255,107,26,.1);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:11px;box-shadow:0 2px 12px rgba(0,0,0,.05);position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;cursor:default}.acp2-bal:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(255,107,26,.12)}.acp2-bal-shine{position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);pointer-events:none}.acp2-bal:hover .acp2-bal-shine{animation:acpShine .6s ease}.acp2-bal-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.13)}.acp2-bal-label{font-size:10px;color:#a8a29e;font-weight:500;margin-bottom:2px}.acp2-bal-value{font-family:Kanit,sans-serif;font-size:15px;font-weight:800;color:#1c1917}.acp2-bal::before{content:'';position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 3px 3px 0}.acp2-bal.credit::before{background:linear-gradient(180deg,#f97316,#ea580c)}.acp2-bal.point::before{background:linear-gradient(180deg,#fbbf24,#d97706)}.acp2-body{padding:16px 16px 22px;background:#fffaf7}.acp2-section{margin-bottom:16px}.acp2-section:last-child{margin-bottom:0}.acp2-section-title{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#c8c0ba;margin-bottom:10px;padding-left:2px}.acp2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.acp2-grid-2{grid-template-columns:repeat(2,1fr)}.acp2-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 13px;background:#fff;border:1.5px solid rgba(0,0,0,.05);border-radius:20px;cursor:pointer;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600;color:#44403c;transition:all .22s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 1px 6px rgba(0,0,0,.04)}.acp2-tile::before{content:'';position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,rgba(255,107,26,.05),transparent);opacity:0;transition:opacity .2s}.acp2-tile:hover{transform:translateY(-5px) scale(1.04);box-shadow:0 12px 26px rgba(0,0,0,.1);border-color:rgba(255,107,26,.18);background:#fffaf7}.acp2-tile:hover::before{opacity:1}.acp2-tile:hover .acp2-tile-icon{animation:acpPop .38s cubic-bezier(.34,1.56,.64,1)}.acp2-tile:active{transform:scale(.93)}.acp2-tile-icon{width:52px;height:52px;border-radius:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px rgba(0,0,0,.14)}.acp2-tile span{text-align:center;line-height:1.3}.acp2-tile:first-child{animation:acpIn .3s cubic-bezier(.22,1,.36,1) .05s both}.acp2-tile:nth-child(2){animation:acpIn .3s cubic-bezier(.22,1,.36,1) .1s both}.acp2-tile:nth-child(3){animation:acpIn .3s cubic-bezier(.22,1,.36,1) .15s both}.acp2-tile:nth-child(4){animation:acpIn .3s cubic-bezier(.22,1,.36,1) .18s both}.acp2-tile:nth-child(5){animation:acpIn .3s cubic-bezier(.22,1,.36,1) .22s both}.acp2-tile:nth-child(6){animation:acpIn .3s cubic-bezier(.22,1,.36,1) .26s both}.acp2-tile:nth-child(7){animation:acpIn .3s cubic-bezier(.22,1,.36,1) .3s both}.acp2-sub-hd{display:flex;align-items:center;gap:10px;padding:16px 16px 4px}.acp2-back-btn{width:32px;height:32px;border-radius:12px;border:none;background:rgba(255,107,26,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.acp2-back-btn:hover{background:rgba(255,107,26,.16);transform:translateX(-2px)}.acp2-sub-title{font-family:Kanit,sans-serif;font-size:16px;font-weight:700;color:#1c1917}.acp2-info-cell{background:#fff;border:1.5px solid rgba(255,107,26,.08);border-radius:14px;padding:12px 14px;transition:all .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 5px rgba(0,0,0,.04)}.acp2-info-cell:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,107,26,.09);border-color:rgba(255,107,26,.18)}.acp2-info-lbl{font-size:9.5px;color:#b8b0aa;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.acp2-info-val{font-size:13.5px;font-weight:700;color:#1c1917;display:flex;align-items:center;gap:7px}.acp2-pw-label{font-size:12px;font-weight:600;color:#78716c;display:block;margin-bottom:7px}.acp2-pw-input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(255,107,26,.14);background:#fff;font-family:Sarabun,sans-serif;font-size:13.5px;color:#1c1917;outline:0;transition:all .2s;box-sizing:border-box}.acp2-pw-input:focus{border-color:#f97316;box-shadow:0 0 0 3px rgba(249,115,22,.09)}.acp2-save-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:13px;font-family:Prompt,sans-serif;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 5px 18px rgba(249,115,22,.38);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.acp2-save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(249,115,22,.45)}.acp2-upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:12px;font-family:Prompt,sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px rgba(249,115,22,.35);transition:all .22s cubic-bezier(.34,1.56,.64,1)}.acp2-upgrade-btn:hover{transform:translateY(-2px) scale(1.05)}.ham-line{display:block;width:22px;height:2px;background:#ff6b1a;border-radius:2px;transition:all .3s}@media (max-width:768px){nav{padding:0 16px;height:56px;background:rgba(255,255,255,.97)}.nav-links{display:none}.nav-logo{font-size:14px;gap:6px}.nav-logo-icon{width:28px;height:28px;font-size:12px}.nav-user-btn{padding:6px 10px 6px 8px;font-size:12px}.nav-avatar{width:24px;height:24px;font-size:10px}#hamburger{display:none!important}.nav-right{gap:8px}.hero{padding-top:56px;min-height:0!important;height:auto!important;background:0 0;overflow:visible!important}.hero-content{grid-template-columns:1fr!important;padding:20px 20px 32px;gap:0;text-align:center;overflow:visible!important}.hero-left{order:1;align-items:center}.hero-right{display:block!important;position:relative!important;height:420px!important;overflow:visible!important}.hero-badge{font-size:11px;padding:6px 14px}.hero-title{font-size:clamp(26px, 8vw, 36px)}.title-line2{font-size:clamp(13px, 4vw, 16px)}.hero-desc{font-size:13px;text-align:center}.hero-cta{justify-content:center;flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{padding:12px 20px;font-size:13px}.hero-stats{justify-content:center;gap:16px;flex-wrap:wrap}.stat-item{font-size:12px}.stat-num{font-size:20px}.mascot-wrap{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:280px!important;height:330px!important;max-width:none!important;margin:0!important;z-index:2!important}.mascot-shadow{display:none!important}.hero-right::before{display:none!important}.user-dropdown{width:280px;right:-10px}#depositPage{padding-top:56px}#depositPage>div{padding:24px 16px!important;min-height:calc(100vh - 56px)!important}#depositPage .dep-grid-main{grid-template-columns:1fr!important}#depositPage .dep-cards-grid{grid-template-columns:1fr!important;gap:16px}.dep-card-inner{padding:20px}.dep-card-title{font-size:16px}.dep-btn{padding:12px;font-size:13px}.footer-grid{grid-template-columns:1fr!important;gap:32px;padding:40px 20px}.footer-newsletter{padding:20px 16px}.newsletter-inner{flex-direction:column;gap:16px;align-items:flex-start}.nl-form{width:100%}.nl-input{width:100%}.footer-bottom{padding:16px 20px;flex-direction:column;gap:8px;text-align:center}.scroll-top{bottom:16px;right:16px;width:40px;height:40px;font-size:15px}}.recommended-section{padding:0 14px 36px!important}.recommended-section h2{font-size:20px!important}.recommended-section p{font-size:11px!important}@media (max-width:390px){.hero-title{font-size:24px}.dep-card-inner{padding:16px}}.svc-card{background:#fffbf8;border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:16px;cursor:pointer;border:1.5px solid rgba(0,0,0,.05);transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-color .22s ease,background .22s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;overflow:hidden}.svc-card:hover{transform:translateY(-5px) scale(1.015);border-color:rgba(255,107,26,.35);box-shadow:0 16px 40px rgba(255,107,26,.16),0 2px 8px rgba(255,107,26,.08);background:linear-gradient(135deg,rgba(255,107,26,.03),#fff)}.svc-glow{position:absolute;right:-30px;bottom:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(255,107,26,.18) 0,transparent 70%);border-radius:50%;transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;opacity:0;pointer-events:none}.svc-card:hover .svc-glow{transform:scale(2.2);opacity:1}.svc-bar{position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#ff6b1a,#ff3d00);border-radius:20px 0 0 20px;transform:scaleY(.4);transform-origin:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),width .25s ease}.svc-card:hover .svc-bar{transform:scaleY(1);width:4px}.svc-icon-wrap{width:46px;height:46px;background:linear-gradient(135deg,#ff6b1a,#ff3d00);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(255,107,26,.3);transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,border-radius .25s ease}.svc-card:hover .svc-icon-wrap{transform:rotate(-8deg) scale(1.15);box-shadow:0 8px 24px rgba(255,107,26,.45);border-radius:18px}.svc-text{flex:1}.svc-title{font-weight:700;font-size:15px;color:#1a0a00;margin-bottom:2px;transition:color .2s,transform .25s}.svc-card:hover .svc-title{color:#ff6b1a;transform:translateX(3px)}.svc-sub{font-size:10px;color:#8e8e93;font-weight:600;letter-spacing:1.5px;transition:color .2s,transform .25s}.svc-card:hover .svc-sub{color:rgba(255,107,26,.6);transform:translateX(3px)}.svc-arrow{margin-left:auto;color:#d1d1d6;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s}.svc-card:hover .svc-arrow{transform:translateX(5px);color:#ff6b1a}.svc-live{border:1.5px solid rgba(255,107,26,.15);cursor:default}.svc-live:hover{transform:translateY(-4px) scale(1.012);border-color:rgba(255,107,26,.4);box-shadow:0 14px 36px rgba(255,107,26,.18)}.svc-live-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b1a,#ff8c44,rgba(255,107,26,.2));border-radius:20px 20px 0 0;transition:height .25s ease}.svc-live:hover .svc-live-bar{height:4px}.svc-live-badge{position:absolute;top:10px;right:14px;display:flex;align-items:center;gap:5px;background:rgba(255,107,26,.08);border:1px solid rgba(255,107,26,.2);border-radius:20px;padding:3px 9px;transition:background .2s,transform .25s}.svc-live:hover .svc-live-badge{background:rgba(255,107,26,.14);transform:scale(1.05)}.svc-live-badge span{font-size:9px;color:#ff6b1a;font-weight:700;letter-spacing:1px}@keyframes svcRipple{to{transform:scale(3);opacity:0}}.svc-live-dot{width:6px;height:6px;background:#ff6b1a;border-radius:50%;animation:pulseDot 1.5s infinite}@keyframes bigCardRipple{from{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes hItemIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@media (max-width:600px){#historyStatsBar{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:768px) and (max-width:1024px){nav{padding:0 20px}.nav-links{display:none}.hero{min-height:auto!important;padding-top:64px!important}.hero-content{grid-template-columns:1fr 1fr!important;padding:24px 28px 32px!important;min-height:auto!important;gap:20px!important;align-items:center!important}.hero-right{order:2!important;height:380px!important}.mascot-wrap{max-width:300px!important}.hero-title{font-size:clamp(36px, 5vw, 58px)!important;letter-spacing:-2px!important}.hero-title .title-line2{font-size:.34em!important}.hero-badge{font-size:11px!important;margin-bottom:20px!important}.hero-desc{font-size:13px!important;line-height:1.8!important;margin-bottom:28px!important}.hero-buttons{gap:10px!important}.btn-primary,.btn-secondary{padding:13px 22px!important;font-size:13px!important}.fc1,.fc2,.fc3,.fc4{transform:scale(.85)!important}.hero-stats{margin-top:28px!important;padding-top:20px!important;display:flex!important;gap:0!important}.stat-item{padding-right:24px!important;margin-right:24px!important}.stat-num{font-size:22px!important}.stat-label{font-size:10px!important}.stats-row-grid{grid-template-columns:repeat(3,1fr)!important}.services-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.svc-pill-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.payment-row{grid-template-columns:1fr!important;gap:40px!important}#statsServicesSection{padding:28px 20px 48px!important}#bigStatsCard{padding:20px!important}#recommendedGrid{grid-template-columns:repeat(2,1fr)!important}#recentOrdersSection{padding:0 20px 48px!important}#shopPage>div[style*=max-width]{padding:0 20px 100px!important}#shopPage div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:16px!important}#depositPage>div[style*=max-width]{max-width:100%!important;padding:0 20px 120px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}.footer-main{padding:44px 24px 32px!important}#faqGrid{grid-template-columns:1fr 1fr!important}.bottom-nav{padding:0!important;bottom:16px!important}.bottom-nav-inner{max-width:520px!important}}@media (max-width:768px){nav{padding:0 16px;height:58px}.nav-links{display:none!important}.nav-user-btn span:not(:first-child){display:none}.hero-content{grid-template-columns:1fr!important;padding:16px 16px 0!important;min-height:auto!important;gap:0!important}.hero-right{height:420px!important;overflow:visible!important}.mascot-wrap{max-width:300px!important;height:340px!important}.hero-title{font-size:clamp(34px,9vw,56px)!important;letter-spacing:-1px!important;margin-bottom:8px!important}.hero-title .title-line2{font-size:.32em!important}.hero-badge{font-size:11px!important;padding:6px 14px!important;margin-bottom:18px!important}.hero-desc{font-size:13px!important;line-height:1.8!important;margin-bottom:24px!important}.hero-buttons{gap:10px!important;flex-wrap:wrap!important}.btn-primary,.btn-secondary{padding:12px 22px!important;font-size:13px!important}.scroll-indicator{display:none!important}#statsServicesSection{padding:16px 12px 32px!important}.stats-section{padding:16px 12px 32px!important}#bigStatsCard{border-radius:18px!important;padding:14px!important;transform:none!important}.stats-row-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:16px!important}.stat-animate-card{padding:10px 8px!important;border-radius:12px!important}#stat-members,#stat-orders,#stat-topup{font-size:16px!important}.services-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.svc-card{padding:10px 8px!important;border-radius:12px!important}.svc-title{font-size:12px!important}.svc-sub{font-size:10px!important}.svc-icon-wrap{width:32px!important;height:32px!important;border-radius:9px!important}.svc-pill-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.svc-pill-v2{padding:18px 14px 16px!important;border-radius:16px!important}.svc-pill-v2 div[style*="font-size:20px"]{font-size:15px!important}.svc-icon-v2{width:38px!important;height:38px!important;margin-bottom:12px!important}#recommendedGrid{grid-template-columns:1fr!important;gap:12px!important}.hot-section-wrap{padding:0 12px 36px!important}.pcard-inner{padding:14px!important}.pcard-name{font-size:14px!important}.pcard-icon{width:40px!important;height:40px!important;font-size:18px!important}.pcard-price{font-size:16px!important}#recentOrdersSection{padding:0 12px 36px!important}.recent-section{padding:0 12px 36px!important}.order-card{width:230px!important;padding:11px 13px!important}.gp-grid{grid-template-columns:1fr!important;gap:16px!important}.gp-panel{min-height:auto!important}#faqSection>div{padding:32px 12px 32px!important}#faqSection>div:last-child{padding:32px 12px 40px!important}.payment-row{grid-template-columns:1fr!important;gap:32px!important}.pay-chip{border-radius:14px!important;padding:10px 6px!important}.pay-chip div[style*="48px"]{width:40px!important;height:40px!important;border-radius:12px!important}#faqSectionReal>div{padding:32px 12px!important}#faqGrid{grid-template-columns:1fr!important}#shopPage{padding-top:70px!important}#shopPage>div[style*=max-width]{padding:0 12px 100px!important}#shopPage div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:14px!important}#shopAppCol,#shopPkgCol{padding:18px!important;border-radius:18px!important}#shopAppList,#shopPkgList{max-height:280px!important}#shopPage h1[style*=clamp]{font-size:clamp(26px,6vw,40px)!important}#depositPage{padding-top:70px!important}#depositPage>div[style*=max-width]{padding:0 12px 120px!important}#depositPage h1[style*="34px"]{font-size:26px!important}#depositBalance{font-size:32px!important}#depositAmountGrid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}#slipPage{padding-top:70px!important}#slipPage>div[style*=max-width]{padding:0 12px 120px!important}.bottom-nav{padding:0!important;bottom:12px!important}.bottom-nav-inner{max-width:95vw!important;border-radius:40px!important;padding:6px 8px!important}.bn-item{padding:8px 10px!important}.bn-label{font-size:9px!important}.footer-grid{grid-template-columns:1fr!important;gap:24px!important}#loginModal [style*="grid-template-columns:1.5fr 1fr 1fr 1.5fr"]{grid-template-columns:1fr 1fr!important;gap:24px!important;padding:28px 20px 20px!important}#loginModal [style*="grid-template-columns:1.5fr 1fr 1fr 1.5fr"]>div:first-child{grid-column:1/-1}.footer-main{padding:36px 16px 28px!important}.footer-newsletter{padding:16px!important}.newsletter-inner{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.nl-form{width:100%!important}.nl-input{width:100%!important}.footer-bottom-inner{flex-direction:column!important;gap:8px!important;text-align:center!important}#depositAmountGrid button{font-size:14px!important}}@media (max-width:480px){.hero-title{font-size:clamp(30px,8vw,44px)!important}.hero-content{padding:20px 14px 40px!important}.stats-row-grid{grid-template-columns:1fr!important}#stat-members,#stat-orders,#stat-topup{font-size:20px!important}.svc-pill-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.svc-pill-v2{padding:16px 14px!important}#shopAppCol,#shopPkgCol{padding:14px!important}#depositAmountGrid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}#depositBalance{font-size:28px!important}.pay-chip div[style*="48px"]{width:36px!important;height:36px!important}.bn-label{font-size:8.5px!important;letter-spacing:0!important}.footer-social{gap:8px!important}.social-btn{width:34px!important;height:34px!important}}@media (max-width:390px){nav{height:54px;padding:0 12px}.nav-logo{font-size:15px}.nav-logo-icon{width:28px;height:28px}.hero-title{font-size:28px!important;letter-spacing:0!important}.hero-content{padding:16px 12px 36px!important}#bigStatsCard{padding:12px 10px!important;border-radius:16px!important}.stat-animate-card{padding:12px!important}.svc-pill-v2{padding:14px 12px!important;border-radius:14px!important}.svc-pill-v2 div[style*="font-size:20px"]{font-size:13px!important}.bottom-nav{padding:0!important;bottom:10px!important}.bn-item{padding:7px 8px!important}#depositAmountGrid{grid-template-columns:repeat(2,1fr)!important}}@media (hover:hover){.svc-bento-card:hover,.svc-pill:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(255,107,26,.15)!important;border-color:rgba(255,107,26,.25)!important}.why-card:hover{background:#fff8f4!important;border-color:rgba(255,107,26,.35)!important;transform:translateY(-3px);box-shadow:0 12px 36px rgba(255,107,26,.12)!important}.pay-chip:hover{background:rgba(255,107,26,.06)!important;border-color:rgba(255,107,26,.2)!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,26,.12)}}@media (max-width:768px){#faqSectionReal>div{padding:32px 14px 40px!important}#faqSectionReal>div>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-bottom:20px!important}#faqSectionReal h2{font-size:clamp(20px,5vw,28px)!important}#faqSectionReal>div>div:first-child>p{text-align:left!important;font-size:12px!important;max-width:100%!important}#faqGrid{grid-template-columns:1fr!important;gap:10px!important}.faq-card>div:first-child{padding:16px 14px 14px!important;gap:12px!important}.faq-card>div:first-child>div:first-child{width:38px!important;height:38px!important;border-radius:12px!important;flex-shrink:0!important}.faq-card>div:first-child>div:first-child svg{width:18px!important;height:18px!important}.faq-card>div:first-child>div:nth-child(2)>div:first-child{font-size:9px!important;margin-bottom:3px!important}.faq-card>div:first-child>div:nth-child(2)>div:last-child{font-size:13px!important;line-height:1.35!important}.faq-chevron{width:24px!important;height:24px!important}.faq-card-body{padding:0 14px 16px!important}.faq-card-body span[style*="13.5px"]{font-size:12.5px!important}.faq-card[style*=grid-column]{grid-column:auto!important}.faq-card[style*=grid-column]>div:first-child{padding:16px 14px 14px!important;flex-wrap:nowrap!important;gap:10px!important}}@keyframes lmIn{from{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fc1,.fc2,.fc3,.fc4,.gp-live-feed-inner,.hero-mascot-wrap,.hero-orb,.hero-ring,.hero-shadow,.stat-bar,[class*=float],[class*=pulse]{will-change:transform;transform:translateZ(0);backface-visibility:hidden}#depositPage,#historyPage,#loginPage,#netflixverifyPage,#orderDetailPage,#profilePage,#registerPage,#shopPage,#twofaPage{contain:layout style}section[id$=Page][style*="display:none"] *{animation-play-state:paused!important}[id^=appItem_]{animation-delay:0s!important;animation-duration:.15s!important}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (max-width:768px){.bottom-nav-inner{max-width:96vw!important;padding:7px 6px!important;gap:0!important;justify-content:space-around!important;border-radius:50px!important}.bn-item{padding:8px 0!important;flex:1!important;min-width:0!important;gap:3px!important}.bn-item .bn-icon{width:22px!important;height:22px!important}.bn-item .bn-icon svg{width:20px!important;height:20px!important}.bn-label{font-size:9px!important;letter-spacing:0!important;white-space:nowrap!important}}.float-cards-mobile-grid{display:none}@media (max-width:768px){.hero{min-height:0!important;height:auto!important;padding-top:64px!important;padding-bottom:0!important;overflow:visible!important}.scroll-indicator{display:none!important}.particle{display:none!important}.hero-content{grid-template-columns:1fr!important;padding:16px 20px 0!important;gap:0!important;min-height:0!important}.hero-left{order:1!important;align-items:center!important;text-align:center!important}.hero-badge{font-size:11px!important;padding:6px 14px!important}.hero-title{font-size:clamp(26px, 8vw, 36px)!important;text-align:center!important}.title-line2{font-size:clamp(12px, 3.5vw, 15px)!important}.hero-desc{font-size:13px!important;text-align:center!important}.hero-buttons{justify-content:center!important;flex-wrap:wrap!important;gap:10px!important}.hero-stats{justify-content:center!important;flex-wrap:wrap!important;gap:16px 24px!important}.hero-right{order:2!important;position:relative!important;display:block!important;height:420px!important;min-height:0!important;overflow:visible!important;padding:0!important}.mascot-wrap{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:280px!important;height:330px!important;max-width:none!important;margin:0!important;z-index:2!important}.mascot-shadow{display:none!important}.hero-right::before{display:none!important}.float-cards-mobile-grid{display:none!important}.float-cards-mobile-grid>div{display:flex!important;align-items:center!important;gap:10px!important;background:rgba(255,255,255,.95)!important;border:1px solid rgba(255,107,26,.12)!important;border-radius:16px!important;padding:12px 12px!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important}.float-cards-mobile-grid>div>div:first-child{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;background:linear-gradient(135deg,#ff6b1a,#ff3d00)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.float-cards-mobile-grid>div>div:last-child>div:first-child{font-size:12px!important;font-weight:700!important;color:#1c1c1e!important;line-height:1.3!important}.float-cards-mobile-grid>div>div:last-child>div:last-child{font-size:10px!important;color:#8e8e93!important;margin-top:2px!important}.bottom-nav-inner{max-width:96vw!important;padding:7px 6px!important;gap:0!important;justify-content:space-around!important;border-radius:50px!important}.bn-item{padding:8px 0!important;flex:1!important;min-width:0!important;gap:3px!important}.bn-item .bn-icon{width:22px!important;height:22px!important}.bn-item .bn-icon svg{width:20px!important;height:20px!important}.bn-label{font-size:9px!important;letter-spacing:0!important;white-space:nowrap!important}}
/* ─── h-shorthand classes (home.php) ─── */

/* Hero feature pills */
.h1 { display:flex;align-items:center;gap:10px; }
.h2 { width:24px;height:24px;background:rgba(255,107,26,0.10);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.h3 { font-size:13.5px;color:#1C1C1E;font-weight:600; }

/* Stat card icon wrapper */
.h4 { position:relative;width:52px;height:52px;flex-shrink:0; }

/* Stat card number */
.h5 { font-family:'Kanit',sans-serif;font-weight:800;font-size:28px;color:#FF6B1A;line-height:1; }

/* Stat card label */
.h6 { font-size:12px;color:#8E8E93;font-weight:500;margin-top:3px;letter-spacing:0.5px; }

/* Stat card progress bar track */
.h7 { display:block!important;margin-top:10px!important;height:4px!important;max-height:4px!important;background:rgba(255,107,26,0.1);border-radius:4px;overflow:hidden!important;width:100%!important;line-height:0;font-size:0; }

/* pcard icon image */
.h9 { width:100%;height:100%;object-fit:cover;border-radius:16px;display:block; }

/* Section eyebrow row (Payment System label) */
.h10 { display:flex;align-items:center;gap:10px;margin-bottom:12px; }

/* Section eyebrow text (large title inside svc pill) */
.h11 { font-family:'Kanit',sans-serif;font-weight:800;font-size:20px;color:#1C1C1E;line-height:1.25; }

/* Payment section eyebrow accent line */
.h12 { width:28px;height:2.5px;background:linear-gradient(90deg,var(--orange),#FF8C44);border-radius:2px; }

/* Payment section eyebrow label */
.h13 { font-size:10px;font-weight:700;letter-spacing:2px;color:var(--orange);text-transform:uppercase; }

/* Pay check item icon box */
.h14 { width:24px;height:24px;background:rgba(255,107,26,0.10);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }

/* Pay chip card */
.h15 { display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#fff;border-radius:16px;border:1.5px solid rgba(0,0,0,0.07);box-shadow:0 2px 10px rgba(0,0,0,0.05);cursor:default;transition:transform 0.25s,box-shadow 0.25s; }

/* Pay chip icon img */
.h16 { width:48px;height:48px;object-fit:contain; }

/* Pay chip label */
.h17 { font-size:11.5px;font-weight:600;color:#444;margin-top:2px; }

/* FAQ card */
.h18 { background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1.5px solid rgba(255,107,26,0.08);cursor:pointer;transition:box-shadow 0.3s,transform 0.3s; }

/* FAQ card header row */
.h19 { padding:24px 24px 20px;display:flex;align-items:center;gap:16px; }

/* FAQ icon box */
.h20 { width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#FF6B1A,#FF3D00);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(255,107,26,0.28); }

/* FAQ category label */
.h21 { font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--orange);text-transform:uppercase;margin-bottom:4px; }

/* FAQ question text */
.h22 { font-family:'Kanit',sans-serif;font-weight:700;font-size:16px;color:#1C1C1E;line-height:1.35; }

/* FAQ chevron wrapper */
.h23 { width:28px;height:28px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:transform 0.3s,background 0.2s; }

/* FAQ step illustration area */
.h24 { width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,rgba(255,107,26,0.08),rgba(255,107,26,0.04));display:flex;align-items:center;justify-content:center;flex-shrink:0; }

/* FAQ step number badge */
.h25 { display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#FF6B1A,#FF3D00);color:#fff;font-size:11px;font-weight:800;flex-shrink:0;margin-top:2px; }

/* FAQ step highlighted text */
.h26 { color:var(--orange);font-weight:700; }

/* FAQ body content */
.h27 { padding:0 24px 24px; }

/* ============================================================
   HERO MOBILE – v5
   ============================================================ */

@keyframes mascotFloat {
  0%,100% { transform: translateY(0px); }
  50%      { transform: translateY(-16px); }
}
@keyframes shadowPulse {
  0%,100% { transform: translateX(-50%) scaleX(1); opacity:.8; }
  50%      { transform: translateX(-50%) scaleX(.75); opacity:.4; }
}
@keyframes fc1Anim {
  0%,100% { transform: translateY(0px) rotate(-1deg); }
  50%      { transform: translateY(-10px) rotate(1deg); }
}
@keyframes fc2Anim {
  0%,100% { transform: translateY(0px) rotate(1deg); }
  50%      { transform: translateY(9px) rotate(-1deg); }
}
@keyframes fc3Anim {
  0%,100% { transform: translateY(0px) rotate(.5deg); }
  50%      { transform: translateY(-10px) rotate(-.5deg); }
}
@keyframes fc4Anim {
  0%,100% { transform: translateY(0px) rotate(-.5deg); }
  50%      { transform: translateY(9px) rotate(.5deg); }
}

@media (max-width: 768px) {

  .hero {
    padding-top: 58px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  .hero-content {
    grid-template-columns: 1fr !important;
    padding: 16px 20px 0 !important;
    gap: 0 !important;
    min-height: 0 !important;
  }
  .hero-left  { order: 1 !important; align-items: center !important; text-align: center !important; }

  .hero-right {
    order: 2 !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 400px !important;
    overflow: visible !important;
  }

  /* คืน ::before (วงกลม ring) และ ::after (glow) ให้โชว์บน mobile */
  .hero-right::before {
    display: block !important;
    width: 260px !important;
    height: 260px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
  .hero-right::after {
    display: block !important;
    width: 200px !important;
    height: 200px !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  /* hero-mobile-ring โชว์บน mobile */
  .hero-mobile-ring {
    display: block !important;
    position: absolute !important;
    width: 240px !important;
    height: 240px !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    transform: scale(1) !important;
    border: 1.5px solid rgba(255,107,26,.18) !important;
    border-radius: 50% !important;
    animation: mobileRingPulse 4s ease-in-out infinite !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  /* orb โชว์บน mobile (ไม่ซ่อน) */
  .orb,
  .orb-1,
  .orb-2,
  .orb-3 { display: block !important; }

  /* mascot */
  .mascot-wrap {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    translate: -50% -50% !important;
    transform: none !important;
    width: 260px !important;
    height: 310px !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 2 !important;
  }
  .mascot-svg {
    animation: mascotFloat 5s ease-in-out infinite !important;
    will-change: transform !important;
  }
  .mascot-shadow {
    display: block !important;
    animation: shadowPulse 3s ease-in-out infinite !important;
  }

  /* float-card */
  .float-card {
    padding: 7px 10px !important;
    font-size: 10.5px !important;
    border-radius: 12px !important;
    gap: 7px !important;
    background: rgba(255,255,255,.93) !important;
    box-shadow: 0 3px 14px rgba(0,0,0,.10) !important;
  }
  .float-card .fc-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8px !important;
  }
  .float-card .fc-icon svg { width: 12px !important; height: 12px !important; }
  .float-card .fc-text strong { font-size: 10.5px !important; line-height: 1.3 !important; }
  .float-card .fc-text small  { font-size: 9px !important; }

  .fc1 {
    top: 14px !important; right: 4px !important;
    left: auto !important; bottom: auto !important;
    z-index: 10 !important;
    animation: fc1Anim 5s ease-in-out infinite !important;
  }
  .fc2 {
    top: 40% !important; left: 4px !important;
    right: auto !important; bottom: auto !important;
    animation: fc2Anim 6s ease-in-out infinite !important;
  }
  .fc3 {
    bottom: 90px !important; right: 4px !important;
    left: auto !important; top: auto !important;
    animation: fc3Anim 7s ease-in-out infinite !important;
  }
  .fc4 {
    bottom: 20px !important; left: 4px !important;
    right: auto !important; top: auto !important;
    animation: fc4Anim 5.5s ease-in-out infinite !important;
  }

  .float-cards-mobile-grid { display: none !important; }
  .scroll-indicator, .particle { display: none !important; }
}

/* ===== MOBILE ANIMATION FIX - override all blocks ===== */
@media (max-width: 768px) {
  /* ให้ float cards โชว์และ animate */
  .fc1, .fc2, .fc3, .fc4 {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 10 !important;
  }
  /* mascot animation */
  .mascot-svg {
    animation: mascotFloat 5s ease-in-out infinite !important;
    animation-play-state: running !important;
  }
  .mascot-shadow {
    animation: shadowPulse 3s ease-in-out infinite !important;
    animation-play-state: running !important;
  }
  /* pulse dot */
  .badge-dot-pulse, .gp-live-dot, .svc-live-dot, .hot-dot-new {
    animation-play-state: running !important;
  }
  /* hero animations */
  .hero-right::before {
    animation: ringPulse 4s ease-in-out infinite !important;
    animation-play-state: running !important;
  }
  /* stat cards */
  .stat-animate-card.in-view .stat-pulse-ring {
    animation-play-state: running !important;
  }
  /* กำหนดให้ float cards ไม่โดน clip */
  #homePageWrapper {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  .hero-right {
    overflow: visible !important;
  }
  /* hero section ไม่ clip float cards */
  .hero {
    overflow: visible !important;
  }
  .hero-content {
    overflow: visible !important;
  }
}

@media (max-width:768px) {
  @keyframes ringPulse {
    0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}
    50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}
  }
}
@keyframes mobileRingPulse {
  0%,100% { transform: scale(1); opacity: 0.5; }
  50%      { transform: scale(1.12); opacity: 1; }
}
/* ===================================================
   MOBILE FIX v9 — คืนทุกเอฟเฟคให้มือถือ ปรับขนาดให้พอดี
   =================================================== */

/* Float card animations สำหรับ mobile */
@keyframes fc1Anim { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-10px) rotate(1deg)} }
@keyframes fc2Anim { 0%,100%{transform:translateY(0) rotate(1deg)} 50%{transform:translateY(8px) rotate(-1deg)} }
@keyframes fc3Anim { 0%,100%{transform:translateY(0) rotate(.5deg)} 50%{transform:translateY(-10px) rotate(-.5deg)} }
@keyframes fc4Anim { 0%,100%{transform:translateY(0) rotate(-.5deg)} 50%{transform:translateY(9px) rotate(.5deg)} }

@media (max-width: 768px) {

  /* วงกลม ring + glow รอบ mascot — คืนมาปรับขนาดเล็กลง */
  .hero-right::before {
    display: block !important;
    width: 260px !important; height: 260px !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%,-50%) !important;
    animation: ringPulseMobile 4s ease-in-out infinite !important;
  }
  .hero-right::after {
    display: block !important;
    width: 200px !important; height: 200px !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%,-50%) !important;
  }
  @keyframes ringPulseMobile {
    0%,100% { transform: translate(-50%,-50%) scale(1); opacity: .5; }
    50%      { transform: translate(-50%,-50%) scale(1.1); opacity: 1; }
  }

  /* orb พื้นหลัง — คืนมาปรับขนาดเล็กลง */
  .orb   { display: block !important; }
  .orb-1 { display: block !important; width: 300px !important; height: 300px !important; top: -80px !important; right: -80px !important; }
  .orb-2 { display: block !important; width: 250px !important; height: 250px !important; bottom: -60px !important; left: -60px !important; }
  .orb-3 { display: block !important; width: 180px !important; height: 180px !important; }

  /* mascot shadow — คืนมา */
  .mascot-shadow { display: block !important; animation: shadowPulse 3s ease-in-out infinite !important; }

  /* particle — คืนมา ปรับระยะสั้นลง */
  .particle { display: block !important; }
  @keyframes particleDrift {
    from { transform: translateY(0) scale(1); opacity: .2; }
    to   { transform: translateY(-200px) scale(0); opacity: 0; }
  }

  /* hero-mobile-ring ซ่อน (ใช้ ::before แทน) */
  .hero-mobile-ring { display: none !important; }

  /* float cards — คืนมา ปรับตำแหน่ง */
  .fc1,.fc2,.fc3,.fc4 { display: flex !important; opacity: 1 !important; visibility: visible !important; }
  .fc1 { top: 14px !important;   right: 4px !important;   left: auto !important; bottom: auto !important; animation: fc1Anim 5s ease-in-out infinite !important; }
  .fc2 { top: 40% !important;    left: 4px !important;    right: auto !important; bottom: auto !important; animation: fc2Anim 6s ease-in-out infinite !important; }
  .fc3 { bottom: 90px !important; right: 4px !important;  left: auto !important; top: auto !important; animation: fc3Anim 7s ease-in-out infinite !important; }
  .fc4 { bottom: 20px !important; left: 4px !important;   right: auto !important; top: auto !important; animation: fc4Anim 5.5s ease-in-out infinite !important; }

}

@keyframes ping {
  0% { transform: scale(1); opacity: 0.6; }
  70%, 100% { transform: scale(2); opacity: 0; }
}

/* ═══════════════════════════════════════════
   PAY3 SECTION — Payment redesign
   ═══════════════════════════════════════════ */
.pay3-section{position:relative;padding:80px 32px;max-width:1160px;margin:0 auto;overflow:hidden;}
.pay3-bg-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;}
.pay3-blob1{width:480px;height:480px;background:radial-gradient(circle,rgba(255,107,26,0.10),transparent 70%);top:-100px;left:-100px;}
.pay3-blob2{width:360px;height:360px;background:radial-gradient(circle,rgba(255,107,26,0.07),transparent 70%);bottom:-60px;right:0;}
.pay3-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}

.pay3-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,107,26,0.08);border:1px solid rgba(255,107,26,0.20);border-radius:100px;padding:6px 14px 6px 10px;font-size:10px;font-weight:800;letter-spacing:2px;color:#FF6B1A;text-transform:uppercase;margin-bottom:20px;}
.pay3-badge-dot{width:7px;height:7px;background:#FF6B1A;border-radius:50%;box-shadow:0 0 0 3px rgba(255,107,26,0.25);animation:pay3Pulse 2s infinite;}
@keyframes pay3Pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,107,26,0.25);}50%{box-shadow:0 0 0 6px rgba(255,107,26,0.12);}}
.pay3-heading{font-family:'Kanit',sans-serif;font-weight:900;font-size:clamp(28px,3.8vw,48px);line-height:1.10;color:#1A0A00;margin:0 0 16px;}
.pay3-heading-orange{background:linear-gradient(135deg,#FF6B1A,#FF3D00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.pay3-sub{font-size:14px;color:#999;line-height:1.85;margin:0 0 32px;}

.pay3-features{display:flex;flex-direction:column;gap:14px;margin-bottom:36px;}
.pay3-feat{display:flex;align-items:center;gap:14px;padding:14px 18px;background:white;border-radius:16px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 12px rgba(0,0,0,0.04);transition:transform 0.2s,box-shadow 0.2s;}
.pay3-feat:hover{transform:translateX(4px);box-shadow:0 4px 20px rgba(0,0,0,0.08);}
.pay3-feat-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pay3-fi-orange{background:linear-gradient(135deg,#FF6B1A,#FF3D00);box-shadow:0 4px 12px rgba(255,107,26,0.35);}
.pay3-fi-blue{background:linear-gradient(135deg,#2196F3,#1565C0);box-shadow:0 4px 12px rgba(33,150,243,0.35);}
.pay3-fi-green{background:linear-gradient(135deg,#22C55E,#16A34A);box-shadow:0 4px 12px rgba(34,197,94,0.35);}
.pay3-fi-purple{background:linear-gradient(135deg,#A855F7,#7C3AED);box-shadow:0 4px 12px rgba(168,85,247,0.35);}
.pay3-feat-title{font-size:13.5px;font-weight:600;color:#222;line-height:1.3;}
.pay3-feat-sub{font-size:11.5px;color:#AAA;margin-top:2px;}
.pay3-accent{color:#FF6B1A;}

.pay3-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FF6B1A,#FF3D00);color:white;font-family:'Kanit',sans-serif;font-weight:700;font-size:15px;padding:15px 32px;border-radius:100px;border:none;cursor:pointer;box-shadow:0 8px 32px rgba(255,107,26,0.42);transition:all 0.3s;position:relative;overflow:hidden;}
.pay3-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);opacity:0;transition:opacity 0.3s;}
.pay3-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(255,107,26,0.52);}
.pay3-btn:hover::before{opacity:1;}
.pay3-btn:active{transform:translateY(0);}

.pay3-card{background:white;border-radius:28px;padding:30px;border:1px solid rgba(255,107,26,0.08);box-shadow:0 20px 60px rgba(0,0,0,0.09),0 4px 16px rgba(0,0,0,0.04);position:relative;overflow:hidden;}
@keyframes pay3Shimmer{0%{background-position:0% center;}100%{background-position:200% center;}}

.pay3-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.pay3-card-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#888;letter-spacing:1px;text-transform:uppercase;}
.pay3-card-dot{width:8px;height:8px;background:linear-gradient(135deg,#FF6B1A,#FF3D00);border-radius:50%;}
.pay3-card-count{font-size:10px;font-weight:700;color:#FF6B1A;background:rgba(255,107,26,0.08);border:1px solid rgba(255,107,26,0.18);border-radius:100px;padding:4px 10px;letter-spacing:0.5px;}

.pay3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;}
.pay3-chip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:18px;background:#FAFAFA;border:1.5px solid rgba(0,0,0,0.05);cursor:default;transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);}
.pay3-chip:hover{transform:translateY(-5px) scale(1.03);background:white;box-shadow:0 10px 28px rgba(0,0,0,0.10);border-color:rgba(255,107,26,0.15);}
.pay3-chip-img{width:52px;height:52px;border-radius:15px;overflow:hidden;}
.pay3-chip-img img{width:100%;height:100%;object-fit:cover;display:block;}
.pay3-chip span{font-size:10px;font-weight:700;color:#555;text-align:center;line-height:1.2;}
.pay3-chip-more{background:linear-gradient(135deg,rgba(255,107,26,0.06),rgba(255,61,0,0.04));border-color:rgba(255,107,26,0.18);}
.pay3-chip-more:hover{background:linear-gradient(135deg,rgba(255,107,26,0.12),rgba(255,61,0,0.08));border-color:rgba(255,107,26,0.35);}
.pay3-chip-more-icon{width:52px;height:52px;background:linear-gradient(135deg,#FF6B1A,#FF3D00);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(255,107,26,0.38);}
.pay3-chip-more span{color:#FF6B1A;}

.pay3-ssl{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,rgba(255,107,26,0.05),rgba(255,107,26,0.02));border-radius:14px;border:1px solid rgba(255,107,26,0.08);}
.pay3-ssl-icon{width:28px;height:28px;min-width:28px;background:rgba(255,107,26,0.10);border-radius:8px;display:flex;align-items:center;justify-content:center;}
.pay3-ssl span{font-size:11.5px;color:#777;line-height:1.5;}

@media(max-width:768px){
  .pay3-section{padding:56px 20px;}
  .pay3-inner{grid-template-columns:1fr;gap:36px;}
  .pay3-grid{grid-template-columns:repeat(4,1fr);gap:8px;}
  .pay3-chip-img{width:40px;height:40px;}
  .pay3-chip{padding:12px 4px;}
  .pay3-chip span{font-size:9px;}
  .pay3-heading{font-size:clamp(26px,7vw,36px);}
}

/* ======================================================
   MOBILE RESPONSIVE FIX — รองรับทุก platform & ขนาดหน้าจอ
   ====================================================== */

/* ── Safe area สำหรับ iPhone notch / Dynamic Island ── */
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --nav-h: 64px;
  --nav-h-mobile: 58px;
}

/* ── Body padding ให้ bottom nav ไม่ทับเนื้อหา ── */
body {
  padding-bottom: calc(80px + var(--safe-bottom));
}

/* ── Bottom nav safe area ── */
.bottom-nav {
  padding-bottom: calc(10px + var(--safe-bottom));
}

/* ── Global mobile fixes ── */
@media (max-width: 768px) {
  body { font-size: 15px; }

  /* Nav */
  nav:not(.bottom-nav) {
    height: var(--nav-h-mobile);
    padding: 0 16px;
    padding-top: var(--safe-top);
  }

  /* ทุกหน้าที่เป็น section page ต้อง padding-top เผื่อ nav */
  #homePage, #depositPage, #shopPage, #historyPage,
  #profilePage, #loginPage, #registerPage,
  #twofaPage, #netflixverifyPage, #orderDetailPage {
    padding-top: calc(var(--nav-h-mobile) + 8px) !important;
    min-height: calc(100dvh - var(--nav-h-mobile)) !important;
    overflow-x: hidden !important;
  }

  /* FAQ steps grid — 3 คอลัมน์ล้น ให้เป็น 1 คอลัมน์ */
  .faq-steps-grid,
  div[style*="grid-template-columns:1fr 1fr 1fr"],
  .steps-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* ป้องกัน overflow แนวนอน */
  section, .section, .container, .wrapper {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* ขั้นตอน 1-2-3 grid ใน FAQ */
  #faqSectionReal .steps-row,
  .faq-how-grid {
    grid-template-columns: 1fr !important;
  }

  /* shop page filter bar */
  #shopPage .filter-bar,
  #shopPage [style*="overflow-x:auto"] {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* deposit page */
  .d7-wrap {
    padding: 72px 12px 100px !important;
  }

  /* history page */
  #historyPage > div {
    padding: 72px 12px 100px !important;
  }

  /* order detail */
  #orderDetailPage > div {
    padding: 72px 12px 100px !important;
  }

  /* ป้องกัน image overflow */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* ปุ่ม / input เต็มความกว้าง */
  .btn-full-mobile {
    width: 100% !important;
  }

  /* font ลดขนาด */
  h1 { font-size: clamp(22px, 6vw, 36px) !important; }
  h2 { font-size: clamp(18px, 5vw, 28px) !important; }
  h3 { font-size: clamp(15px, 4vw, 22px) !important; }

  /* ขั้นตอนใน home FAQ (3 columns → 1 column) */
  div[style*="display:grid"][style*="1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Bottom nav ไม่ให้ล้นขอบ */
  .bottom-nav-inner {
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px) !important;
  }
}

/* ── Small phones (390px และต่ำกว่า) ── */
@media (max-width: 390px) {
  :root { --nav-h-mobile: 54px; }

  body { font-size: 14px; }

  .d7-wrap { padding: 64px 10px 100px !important; }

  .bn-item { padding: 6px 0 !important; }
  .bn-label { font-size: 8px !important; }
}

/* ── Tablet landscape (768px–1024px) ── */
@media (min-width: 769px) and (max-width: 1024px) {
  :root { --nav-h: 60px; }

  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
  }

  .hero-content {
    grid-template-columns: 1fr 1fr !important;
    padding: 24px 32px !important;
  }
}

/* ── Large phones (landscape) ── */
@media (max-width: 768px) and (orientation: landscape) {
  .hero {
    min-height: auto !important;
    padding-top: 54px !important;
  }

  .hero-right {
    height: 260px !important;
  }

  .mascot-wrap {
    width: 200px !important;
    height: 200px !important;
  }

  .bottom-nav {
    bottom: 8px !important;
  }
}

/* ── Touch device — disable hover effects ── */
@media (hover: none) and (pointer: coarse) {
  .pcard:hover,
  .svc-card:hover,
  .svc-pill-v2:hover,
  .faq-card:hover {
    transform: none !important;
    box-shadow: inherit !important;
  }

  /* ปุ่มต้องกด active แทน hover */
  .btn-primary:active,
  .dep-btn:active,
  .d7-submit:active {
    transform: scale(0.97) !important;
    opacity: 0.92 !important;
  }
}

/* ── ป้องกัน text overflow ทุก element ── */
@media (max-width: 768px) {
  * {
    word-break: break-word;
  }

  pre, code {
    overflow-x: auto;
    max-width: 100%;
  }
}

/* contact card mobile fix */
@media (max-width: 480px) {
  .faq-contact-card .faq-time-badge {
    display: none !important;
  }
}

/* svc-card text overflow fix */
@media (max-width: 768px) {
  .svc-text {
    min-width: 0;
    overflow: hidden;
  }
  .svc-title {
    font-size: 11px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .svc-sub {
    font-size: 9px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .svc-arrow {
    flex-shrink: 0;
  }
  .services-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  .svc-card {
    padding: 10px 8px !important;
    gap: 8px !important;
  }
  .svc-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
  }
}

/* svc-live-badge overlap fix on mobile */
@media (max-width: 768px) {
  .svc-live-badge {
    position: static !important;
    display: inline-flex !important;
    margin-bottom: 2px;
    padding: 1px 5px !important;
    font-size: 8px !important;
  }
  .svc-live .svc-text {
    display: flex;
    flex-direction: column;
  }
}

/* register password grid — stack on very small phones */
@media (max-width: 360px) {
  .reg-pw-grid {
    grid-template-columns: 1fr !important;
  }
}