@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;--primary: #2563ff;--electric: #0066ff;--cyan: #00c2ff;--soft-cyan: #e0f7ff;--purple: #7a3dff;--violet: #8b5cf6;--deep-purple: #4c1d95;--soft-deep-purple: #ede9fe;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--bg: #e8fbff;--bg-2: #dff4ff;--section-soft: #edfaff;--card: #fbfeff;--card-soft: #f2fbff;--border: #cceefa;--text: #0f172a;--navy: #111827;--muted: #64748b;--muted-soft: #94a3b8;--border-hover: rgba(122, 61, 255, .25);--shadow: 0 10px 30px rgba(37, 99, 255, .08), 0 20px 60px rgba(122, 61, 255, .06);--shadow-hover: 0 16px 42px rgba(37, 99, 255, .13), 0 28px 78px rgba(122, 61, 255, .1);--radius: 20px;--layout-max: 1120px;--layout-gutter: 48px;--section-y: 52px;--page-top: 92px;--gradient: linear-gradient(135deg, #2563ff 0%, #7a3dff 55%, #4c1d95 100%);--gradient-text: linear-gradient(90deg, #2563ff 0%, #7a3dff 55%, #4c1d95 100%);--glass: rgba(245, 253, 255, .9)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:90%;overflow-x:clip}body{margin:0;min-width:320px;overflow-x:clip;background:radial-gradient(circle at 12% 2%,rgba(224,247,255,.9),transparent 32rem),radial-gradient(circle at 82% 8%,rgba(255,228,245,.8),transparent 34rem),linear-gradient(180deg,#e8fbff 0%,var(--bg) 40%,var(--bg-2) 100%);color:var(--text)}button,input,select,textarea{font:inherit}button,input,select,textarea,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.theme-dark{color-scheme:dark;--bg: #07111f;--bg-2: #0b1220;--card: #0f172a;--card-soft: #111c2f;--border: #1e293b;--text: #f8fafc;--navy: #f8fafc;--muted: #94a3b8;--success: #22c55e;--warning: #fbbf24;--danger: #f87171;--shadow: 0 18px 50px rgba(0, 0, 0, .28);--shadow-hover: 0 24px 70px rgba(0, 212, 255, .15);background:radial-gradient(circle at 12% 2%,rgba(0,119,255,.16),transparent 30rem),radial-gradient(circle at 82% 12%,rgba(76,29,149,.12),transparent 34rem),linear-gradient(180deg,#07111f,#0b1220)}.app{min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 18% 16%,rgba(0,182,255,.1),transparent 20rem),radial-gradient(circle at 78% 26%,rgba(122,61,255,.12),transparent 26rem);transition:background .3s ease,color .3s ease}.route-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 45% 35%,rgba(0,194,255,.16),transparent 18rem),radial-gradient(circle at 58% 58%,rgba(122,61,255,.2),transparent 20rem),#f8faffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:routeLoaderFade .52s ease both}.route-loader-card{position:relative;width:min(320px,100%);display:grid;justify-items:center;gap:18px;padding:28px 28px 24px;border:1px solid rgba(226,232,240,.82);border-radius:28px;background:#ffffffdb;box-shadow:0 24px 70px #2563ff29,0 34px 92px #7a3dff1f;overflow:hidden}.route-loader-card:before{content:"";position:absolute;top:-60%;right:-30%;bottom:-60%;left:-30%;background:conic-gradient(from 180deg,transparent,rgba(0,194,255,.18),rgba(122,61,255,.2),transparent 62%);animation:routeAuraSpin 1.8s linear infinite}.route-loader-card>*{position:relative;z-index:1}.route-loader-orbit{position:relative;width:96px;height:96px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,#eef4fff0,#ffffffdb);box-shadow:inset 0 0 0 1px #ffffffe6,0 20px 46px #2563ff2e}.route-loader-orbit span{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:34px;border:3px solid transparent;border-top-color:#2563ff;border-right-color:#00c2ff;border-bottom-color:#7a3dff;filter:drop-shadow(0 8px 18px rgba(122,61,255,.22));animation:routeSpin .9s cubic-bezier(.65,0,.35,1) infinite}.route-loader-orbit img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(37,99,255,.24));animation:routeLogoPulse 1.2s ease-in-out infinite}.route-loader-copy{display:grid;justify-items:center;gap:5px;text-align:center}.route-loader-copy b{display:inline-flex;align-items:center;gap:7px;color:#0f172a;font-size:1rem;font-weight:950}.route-loader-copy b svg{color:#7a3dff}.route-loader-copy p{margin:0;color:#64748b;font-size:.86rem;font-weight:750}.route-loader-progress{width:100%;height:7px;overflow:hidden;border-radius:999px;background:#e2e8f0db}.route-loader-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563ff,#00c2ff,#7a3dff);box-shadow:0 0 18px #2563ff5c;animation:routeProgress .82s ease-in-out infinite}.page-loading-state{min-height:360px;display:grid;place-items:center;padding:34px 0}.page-loading-state .route-loader-card{width:min(300px,100%);padding:26px 26px 22px}.page-loading-state .route-loader-orbit{width:88px;height:88px}.page-loading-state .route-loader-orbit img{width:62px;height:62px}.payment-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:24px;background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.payment-loading-box{width:min(320px,100%);display:grid;justify-items:center;gap:10px;padding:26px 24px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);box-shadow:0 24px 70px #0f172a3d;text-align:center}.payment-loading-box b{color:var(--navy);font-size:1rem}.payment-loading-box p{margin:0;color:var(--muted);font-size:.88rem;font-weight:700}.payment-loading-spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(37,99,255,.16);border-top-color:var(--primary);animation:routeSpin .72s linear infinite}.midtrans-compact-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;padding:18px;background:#0f172a94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;touch-action:auto}.midtrans-compact-modal{position:relative;width:min(420px,100%);height:min(680px,calc(100svh - 48px));overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:18px;background:#fff;box-shadow:0 24px 80px #0f172a47;touch-action:auto}.midtrans-compact-close{position:absolute;top:8px;right:8px;z-index:2;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:#0f172ac7;color:#fff;cursor:pointer;font-size:1.35rem;line-height:1}.midtrans-compact-frame{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:auto}.midtrans-compact-frame iframe{width:100%!important;height:100%!important;border:0!important;touch-action:auto}@keyframes routeLoaderFade{0%{opacity:0}18%,82%{opacity:1}to{opacity:0}}@keyframes routeSpin{to{transform:rotate(360deg)}}@keyframes routeAuraSpin{to{transform:rotate(360deg)}}@keyframes routeLogoPulse{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes routeProgress{0%{transform:translate(-120%)}to{transform:translate(260%)}}.container{width:min(var(--layout-max),calc(100% - var(--layout-gutter)));margin:0 auto}.section{padding:var(--section-y) 0}.section.page{padding-top:var(--page-top)}.section.compact{padding:26px 0}.navbar{position:sticky;top:0;z-index:50;backdrop-filter:none;-webkit-backdrop-filter:none;background:color-mix(in srgb,#ffffff 68%,transparent);border-bottom:1px solid rgba(226,232,240,.42);transform:translateY(0);transition:transform .28s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform}.navbar.nav-hidden{transform:translateY(-110%)}.navbar.nav-scrolled{background:#ffffffd1;border-bottom-color:#e2e8f0c2;box-shadow:0 12px 34px #2563ff14,0 20px 60px #7a3dff0f}.theme-dark .navbar{background:color-mix(in srgb,#07111f 76%,transparent);border-bottom-color:#1e293b99}.theme-dark .navbar.nav-scrolled{background:#07111fdb;border-bottom-color:#1e293be6;box-shadow:0 14px 34px #00000052,0 24px 70px #2563ff14}.nav-inner{width:min(var(--layout-max),calc(100% - var(--layout-gutter)));min-height:64px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;letter-spacing:0;color:var(--navy)}.brand>span:last-child{overflow:hidden;transition:width .2s ease,opacity .2s ease}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:0;color:#fff;background:transparent;box-shadow:none}.brand-mark img{width:100%;height:100%;display:block;object-fit:contain}.brand strong{display:block;font-style:italic;font-weight:800;line-height:1;font-size:1.2rem;letter-spacing:.06em}.brand small{display:block;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;font-size:.66rem;letter-spacing:.32em;line-height:1.1}.nav-brand-area{display:inline-flex;align-items:center;gap:10px;flex:0 1 auto;min-width:0}.nav-links{display:flex;align-items:center;gap:clamp(18px,2vw,30px);flex:0 1 auto;min-width:0;color:var(--navy);font-size:.92rem;font-weight:700}.nav-links a{position:relative;padding:9px 2px;border-radius:999px;white-space:nowrap;line-height:1;transition:color .2s ease,text-shadow .2s ease}.nav-links a:hover{color:var(--primary)}.nav-links a.active{color:var(--primary);text-shadow:0 10px 22px rgba(37,99,255,.16)}.nav-links a.active:after,.nav-links a:hover:after{width:72%}.nav-more{position:relative}.nav-more>button{display:inline-flex;align-items:center;gap:4px;min-height:34px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:800;line-height:1;padding:9px 2px}.nav-more>button:hover,.nav-more>button.active{color:var(--primary)}.nav-more-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:80;display:grid;min-width:220px;gap:10px;padding:8px;border:1px solid rgba(226,232,240,.9);border-radius:16px;background:#fffffff5;box-shadow:0 20px 52px #0f172a24}.nav-more-group{display:grid;gap:4px}.nav-more-group>span{padding:4px 8px 2px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.nav-more-menu a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:12px}.nav-more-menu a:hover,.nav-more-menu a.active{background:#2563ff14}.nav-search{position:relative;display:flex;align-items:center;flex:0 0 44px;width:44px;max-width:44px;min-width:44px;height:44px;padding:0;gap:8px;border:1px solid rgba(226,232,240,.82);border-radius:13px;background:#ffffffe6;box-shadow:0 12px 28px #2563ff0f;color:var(--muted);transition:width .28s ease,max-width .28s ease,min-width .28s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.nav-search.expanded{flex-basis:clamp(220px,20vw,280px);width:clamp(220px,20vw,280px);max-width:clamp(220px,20vw,280px);padding-right:10px}.nav-search.open,.nav-search:focus-within{border-color:#2563ff5c;box-shadow:0 14px 36px #2563ff1c,0 20px 50px #7a3dff12}.nav-search-trigger{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border:0;border-radius:12px;background:transparent;color:var(--text);cursor:pointer}.nav-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:.86rem;font-weight:700}.nav-search input::placeholder{color:#94a3b8;font-weight:600}.nav-search>button:not(.nav-search-trigger){width:28px;height:28px;display:grid;flex:0 0 auto;place-items:center;border:0;border-radius:999px;background:#eef4ff;color:var(--muted);cursor:pointer}.nav-search-spinner{flex:0 0 auto;color:var(--primary);animation:spin .75s linear infinite}.nav-search-panel,.drawer-search-results{position:absolute;top:calc(100% + 12px);right:0;z-index:80;width:min(460px,calc(100vw - 48px));max-height:min(70vh,620px);overflow:auto;padding:12px;border:1px solid rgba(226,232,240,.86);border-radius:22px;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 22px 62px #14213d24,0 30px 90px #7a3dff1a;animation:fadeUp .18s ease both}.nav-search-state{margin:0;padding:13px 14px;border-radius:15px;background:#f8faff;color:var(--muted);font-size:.84rem;font-weight:700}.nav-search-group{display:grid;gap:7px}.nav-search-group+.nav-search-group{margin-top:12px;padding-top:12px;border-top:1px solid rgba(226,232,240,.78)}.nav-search-group>span{display:inline-flex;align-items:center;gap:6px;padding:0 4px;color:var(--primary);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.nav-search-group button{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(76px,auto);align-items:center;gap:10px;min-height:60px;padding:8px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-search-group button:hover{transform:translateY(-1px);border-color:#2563ff29;background:linear-gradient(135deg,#eef4ffe6,#ffffffeb);box-shadow:0 12px 28px #2563ff14}.nav-search-group img,.nav-search-group i{width:44px;height:44px;border-radius:14px;background:#eef4ff;object-fit:cover}.nav-search-group i{display:grid;place-items:center;color:var(--primary);font-style:normal}.nav-search-group strong,.nav-search-group small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-search-group strong{color:var(--navy);font-size:.88rem}.nav-search-group small{margin-top:2px;color:var(--muted);font-size:.75rem}.nav-search-group b,.nav-search-group em{justify-self:end;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:6px 9px;background:#eef4ff;color:var(--primary);font-size:.72rem;font-style:normal;font-weight:900}.drawer-search{display:none}.nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;white-space:nowrap}.icon-btn,.chip,.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.icon-btn{width:44px;height:44px;border-radius:13px;background:#ffffffe6;color:var(--text);border:1px solid rgba(226,232,240,.7);box-shadow:0 14px 28px #14213d0f}.theme-dark .icon-btn{background:#0f172ae6}.theme-toggle{position:relative;overflow:hidden}.theme-toggle svg{transition:transform .28s ease,color .28s ease;animation:theme-icon-breathe 2.8s ease-in-out infinite}.theme-toggle:hover svg{transform:rotate(14deg) scale(1.08)}.theme-toggle:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:999px;background:#2563ff1f;opacity:0;transform:scale(.72);transition:opacity .24s ease,transform .24s ease;pointer-events:none}.theme-toggle:hover:after{opacity:1;transform:scale(1)}.theme-dark .theme-toggle svg{color:#facc15}@keyframes theme-icon-breathe{0%,to{filter:drop-shadow(0 0 0 rgba(37,99,255,0))}50%{filter:drop-shadow(0 0 8px rgba(37,99,255,.24))}}.icon-btn:hover,.btn:hover,.chip:hover{transform:translateY(-2px)}.with-badge{position:relative}.with-badge b{position:absolute;right:-8px;top:-8px;min-width:19px;height:19px;border-radius:999px;display:grid;place-items:center;background:var(--deep-purple);color:#fff;font-size:.66rem;border:2px solid #fff;box-shadow:0 10px 22px #4c1d9538}.chip{min-height:44px;padding:0 13px;border-radius:13px;background:#ffffffe6;color:#374151;border:1px solid rgba(226,232,240,.7);font-weight:700;box-shadow:0 14px 28px #14213d0f}.chip.tiny{font-size:.88rem}.theme-dark .chip{background:#0f172ae6;color:var(--text)}.theme-dark .nav-search,.theme-dark .nav-search-panel,.theme-dark .drawer-search-results{background:#0f172af0;border-color:#1e293be6}.theme-dark .nav-search-group button:hover,.theme-dark .nav-search-state,.theme-dark .nav-search-group b,.theme-dark .nav-search-group em,.theme-dark .nav-search-group img,.theme-dark .nav-search-group i,.theme-dark .nav-search>button:not(.nav-search-trigger){background:#1e293bd1}.btn{min-height:46px;padding:0 22px;border-radius:13px;background:var(--gradient);color:#fff;font-weight:700;box-shadow:0 16px 36px #7a3dff38;border:1px solid transparent;text-align:center}.btn:hover{box-shadow:0 18px 46px #4c1d953d}.btn.small{min-height:46px;padding:0 22px;border-radius:13px;font-size:.92rem}.btn.ghost,.btn.text{color:var(--primary);background:var(--card);border-color:var(--border);box-shadow:none}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 24%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--card))}.btn.text{border-color:transparent;background:transparent}.btn.light{background:#fff;color:#14213d}.btn.full{width:100%}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.mobile-only{display:none}.profile-pill{display:inline-flex;align-items:center;gap:9px;min-height:44px;max-width:188px;padding:4px 8px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--card);box-shadow:0 10px 28px #2563ff12}.profile-pill span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--gradient);color:#fff;font-weight:800;text-transform:uppercase}.profile-pill small{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.86rem;font-weight:800}.profile-pill button{width:26px;height:26px;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.profile-pill button:hover{background:#eef4ff;color:var(--primary)}.drawer{position:fixed;inset:76px 16px auto 16px;padding:18px;border:1px solid var(--border);border-radius:24px;background:var(--card);box-shadow:var(--shadow);display:grid;gap:10px}.drawer a{padding:13px 12px;border-radius:14px;font-weight:700}.drawer a:hover{background:var(--bg-2)}.drawer a.active{color:var(--primary);background:linear-gradient(135deg,#00c2ff1f,#7a3dff1a);box-shadow:inset 0 0 0 1px #7a3dff24}.drawer-more{display:grid;gap:6px;padding:8px;border:1px solid rgba(226,232,240,.78);border-radius:18px;background:#f8fafcbd}.drawer-more strong{padding:2px 5px;color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.drawer-more a{display:flex;align-items:center;gap:9px}.close{margin-left:auto}.hero{--hero-x: 0;--hero-y: 0;--hero-rotate-x: 0deg;--hero-rotate-y: 0deg;--hero-layer-1-x: 0px;--hero-layer-1-y: 0px;--hero-layer-2-x: 0px;--hero-layer-2-y: 0px;--hero-layer-3-x: 0px;--hero-layer-3-y: 0px;--hero-layer-4-x: 0px;--hero-layer-4-y: 0px;min-height:calc(100vh - 76px);position:relative;display:grid;align-items:start;padding:42px 0 34px;overflow:hidden}.hero:before{content:"";position:absolute;top:-86px;right:0;bottom:118px;left:0;background:radial-gradient(circle at 80% 12%,rgba(0,206,255,.2),transparent 22rem),linear-gradient(180deg,#e7fbff,#f3fcff);z-index:0}.theme-dark .hero:before{background:#07111f}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(390px,.86fr) minmax(540px,1.14fr);gap:18px;align-items:center;min-height:360px}.hero-copy{position:relative;z-index:3;padding-top:8px}.hero-badge{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:0 13px;border-radius:11px;color:#475569;background:#ffffffd1;border:1px solid rgba(226,232,240,.92);box-shadow:0 12px 24px #14213d0f;font-size:.8rem;font-weight:700}.hero-badge svg{color:#f59e0b}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}h1,h2,h3,p{margin-top:0}.hero h1{margin:22px 0 12px;max-width:570px;color:var(--navy);font-size:clamp(2.35rem,3.8vw,3.45rem);line-height:1.08;font-weight:800}.hero h1 span{display:block;width:max-content;max-width:100%;background:linear-gradient(90deg,#06f,#7a3dff 48%,#4c1d95);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page-heading p,.auth-card p,.auth-visual p,.footer p{color:var(--muted);line-height:1.75}.hero p{max-width:470px;color:#53617f;font-size:.98rem;line-height:1.55}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.hero-actions .btn{min-width:164px;min-height:46px}.hero-primary{background:var(--gradient)}.hero-secondary{color:#0f172a;background:#ffffffeb;border:1px solid #e2e8f0;box-shadow:0 15px 30px #14213d0f}.hero-visual{min-height:360px;position:relative;border-radius:0;background:transparent;border:0;box-shadow:none;overflow:visible;isolation:isolate;perspective:1100px;transform-style:preserve-3d}.theme-dark .hero-visual{background:transparent}.hero-visual:before{content:"";position:absolute;right:-74px;top:-46px;width:610px;height:430px;background:transparent;clip-path:none;border:0;z-index:0}.character-card{position:absolute;right:-72px;top:-48px;width:620px;height:410px;display:grid;place-items:center;z-index:1;pointer-events:none;background:transparent}.character-card img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;opacity:1;filter:saturate(1.08) contrast(1.03);mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 82%,transparent 100%)}.theme-dark .character-card img{mix-blend-mode:normal;opacity:.92}.hero-asset-stack{position:absolute;right:-28px;top:-18px;width:500px;height:330px;z-index:2;pointer-events:none;transform-style:preserve-3d;transform:rotateX(var(--hero-rotate-x)) rotateY(var(--hero-rotate-y));transition:transform .22s ease-out;will-change:transform}.hero-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-style:preserve-3d;transition:transform .22s ease-out,filter .22s ease-out;will-change:transform;opacity:0;transform:translate3d(var(--hero-layer-x),var(--hero-layer-y),var(--hero-layer-z, 0)) scale(1);animation:hero-layer-reveal .72s cubic-bezier(.22,1,.36,1) forwards}.hero-layer-1{z-index:1;--hero-layer-x: var(--hero-layer-1-x);--hero-layer-y: var(--hero-layer-1-y);--hero-layer-z: 0;filter:drop-shadow(0 20px 46px rgba(37,99,255,.08));animation-delay:.1s}.hero-layer-2{z-index:2;--hero-layer-x: var(--hero-layer-2-x);--hero-layer-y: var(--hero-layer-2-y);--hero-layer-z: 40px;filter:drop-shadow(0 22px 50px rgba(0,194,255,.12));animation-delay:.28s}.hero-layer-3{z-index:3;--hero-layer-x: var(--hero-layer-3-x);--hero-layer-y: var(--hero-layer-3-y);--hero-layer-z: 90px;filter:drop-shadow(0 24px 54px rgba(122,61,255,.16));animation-delay:.46s}.hero-layer-4{z-index:4;--hero-layer-x: var(--hero-layer-4-x);--hero-layer-y: var(--hero-layer-4-y);--hero-layer-z: 150px;filter:drop-shadow(0 30px 64px rgba(76,29,149,.22));animation-delay:.64s}@keyframes hero-layer-reveal{0%{opacity:0;transform:translate3d(22px,18px,0) scale(.94)}to{opacity:1;transform:translate3d(var(--hero-layer-x),var(--hero-layer-y),var(--hero-layer-z, 0)) scale(1)}}.hero-visual:hover .hero-asset-stack,.hero-visual:hover .hero-layer{transition-duration:.08s}.shield-art{position:absolute;width:190px;height:230px;display:grid;place-items:center;font-size:8rem;font-weight:900;font-style:italic;color:#fff;border-radius:54% 54% 46% 46%/18% 18% 70% 70%;background:var(--gradient);box-shadow:0 28px 70px #0066ff52;z-index:1}.floating-card{position:absolute;right:0;display:inline-flex;align-items:center;gap:14px;width:184px;min-height:74px;padding:13px 15px;border:1px solid rgba(226,232,240,.65);border-radius:18px;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 55px #14213d1f;color:var(--navy);font-weight:800;z-index:4}.floating-card small,.hero-character-name small{display:block;margin-top:5px;color:#53617f;font-size:.78rem;font-weight:500}.floating-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#06f;background:linear-gradient(135deg,#eaf2ff,#f4edff)}.float-secure{top:86px}.float-instant{top:174px}.float-instant .floating-icon{color:#7a3dff}.float-support{top:262px}.hero-character-name{position:absolute;left:48%;bottom:58px;z-index:3;display:inline-flex;align-items:center;gap:12px;color:#fff;text-shadow:0 12px 32px rgba(7,17,31,.45)}.hero-character-name b{display:block;font-size:1.45rem;line-height:1}.hero-character-name small{color:#ffffffdb;font-size:.95rem}.hero-stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;min-height:104px;padding:14px 16px;border:1px solid rgba(226,232,240,.78);border-radius:18px;background:#ffffffdb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 28px 72px #14213d1a}.theme-dark .hero-stats,.theme-dark .floating-card,.theme-dark .hero-badge,.theme-dark .hero-secondary{background:#0f172ac7}.hero-stat{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;min-width:0;padding:0 12px;border-right:1px solid rgba(226,232,240,.82)}.hero-stat:last-child{border-right:0}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#06f;background:#eaf2ff}.hero-stat.deep-purple .stat-icon{color:#4c1d95;background:#ede9fe}.hero-stat.purple .stat-icon{color:#7a3dff;background:#efe8ff}.hero-stat.green .stat-icon{color:#16a34a;background:#dcfce7}.hero-stat.violet .stat-icon{color:#8b5cf6;background:#f0e8ff}.hero-stat strong{display:block;color:var(--navy);font-size:1.2rem;line-height:1}.hero-stat b{display:block;margin-top:5px;color:var(--navy);font-size:.72rem}.hero-stat small{display:block;margin-top:3px;color:#53617f;font-size:.64rem}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.section-title h2,.page-heading h1,.checkout-card h1,.checkout-card h2{margin:0;color:var(--navy);font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.18}.section-title a{color:var(--primary);font-weight:800}.game-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.home-topup-strip{grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:auto;scrollbar-width:none}.home-topup-marquee{overflow:hidden}.home-topup-strip::-webkit-scrollbar{display:none}.home-topup-strip .marquee-duplicate{display:none}.game-card,.product-card,.benefit,.review-card,.panel,.checkout-card,.info-panel,.order-card,.empty-state,.auth-card,.success-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.game-card{padding:12px;display:grid;gap:12px;grid-template-rows:auto 1fr;min-height:260px}.game-card:hover,.product-card:hover,.benefit:hover,.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent, var(--primary)) 42%,var(--border))}.nickname-badge{width:fit-content;border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:900}.nickname-badge.warning{background:#fff7ed;color:#b45309;border:1px solid #fed7aa}.nickname-badge.verified{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.game-image{width:100%;min-height:0;aspect-ratio:1 / 1;border-radius:18px;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden;position:relative}.game-image svg{width:34px;height:34px;opacity:.9}.game-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#eef4ff;transition:transform .24s ease}.game-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgba(7,17,31,.44) 100%);pointer-events:none}.game-card:hover .game-image img{transform:scale(1.06)}.game-image span{position:relative;z-index:1;font-weight:900;font-size:1.25rem}.game-card strong{display:block;color:var(--navy);min-height:38px;font-size:.94rem;line-height:1.25}.game-card small,.product-card small{color:var(--muted);font-weight:600}.game-card-body{display:flex;flex-direction:column;gap:10px}.game-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:auto}.game-card-price{display:grid;gap:1px;min-width:0}.game-card-price small{font-size:.68rem;line-height:1.1}.game-card-price b{color:var(--navy);font-size:.86rem;line-height:1.1;font-weight:900}.mini-link{color:var(--primary);font-size:.82rem;font-weight:800;white-space:nowrap}.topup-list-page{position:relative;overflow:hidden;background:radial-gradient(circle at 22% 4%,rgba(0,194,255,.16),transparent 28rem),radial-gradient(circle at 82% 8%,rgba(122,61,255,.13),transparent 30rem),linear-gradient(180deg,#e8fbff,#f3fcff 46%,#dff4ff);color:var(--text)}.marketplace-page,.articles-page{position:relative;overflow:hidden}.topup-list-page>.container,.marketplace-page>.container,.articles-page>.container{position:relative;z-index:1}.topup-list-page:before,.marketplace-page:before,.articles-page:before{content:"";position:absolute;inset:0 0 auto;height:260px;pointer-events:none;background:linear-gradient(135deg,rgba(37,99,255,.08),transparent 34%),linear-gradient(225deg,rgba(0,194,255,.11),transparent 38%),repeating-linear-gradient(90deg,rgba(37,99,255,.05) 0 1px,transparent 1px 78px),repeating-linear-gradient(0deg,rgba(122,61,255,.04) 0 1px,transparent 1px 78px),linear-gradient(180deg,#eef4fff5,#fff0)}.topup-list-hero{display:grid;grid-template-columns:1fr;align-items:start;gap:18px;margin-bottom:18px}.topup-list-heading{max-width:820px;margin-bottom:0}.topup-list-heading h1{margin-top:0;color:var(--navy);font-size:2.1rem;line-height:1.08}.topup-list-heading p{margin-top:10px;color:var(--muted)}.topup-assurance-row{display:grid;grid-template-columns:repeat(3,minmax(154px,1fr));gap:14px;width:100%}.topup-assurance-row div{min-height:72px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(196,181,253,.42);border-radius:16px;background:#ffffffd1;box-shadow:0 18px 46px #2563ff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topup-assurance-row svg{flex:0 0 auto;width:40px;height:40px;padding:9px;border-radius:14px;color:var(--primary);background:linear-gradient(135deg,#2563ff1f,#00c2ff1f)}.topup-assurance-row div:nth-child(2) svg{color:#0284c7;background:linear-gradient(135deg,#00c2ff24,#2563ff1a)}.topup-assurance-row div:nth-child(3) svg{color:#db2777;background:linear-gradient(135deg,#ff2da024,#7a3dff1a)}.topup-assurance-row span{display:grid;gap:3px;min-width:0}.topup-assurance-row b{color:var(--navy);font-size:.88rem;line-height:1.2}.topup-assurance-row small{color:var(--muted);font-size:.75rem;font-weight:700}.topup-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;gap:14px;margin-bottom:24px;padding:14px;border:1px solid rgba(226,232,240,.88);border-radius:20px;background:#ffffffc7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 42px #2563ff0f}.topup-filter-group{display:grid;min-width:0;align-content:center;gap:8px}.topup-filter-group>span{color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:0}.topup-filter-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.topup-filter-pills button{min-height:38px;padding:0 14px;border:1px solid rgba(226,232,240,.9);border-radius:999px;background:#fbfeffeb;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:800;box-shadow:0 8px 20px #2563ff0a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease}.topup-filter-pills button:hover{color:var(--primary);border-color:#7a3dff52;box-shadow:0 12px 28px #2563ff1a,0 16px 42px #7a3dff14;transform:translateY(-1px)}.topup-filter-pills button.active{color:#fff;border-color:transparent;background:var(--gradient);box-shadow:0 12px 30px #2563ff2e,0 16px 42px #7a3dff29;transform:translateY(-1px)}.topup-list-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 18px}.page-banner{position:relative;margin:0 0 22px}.page-banner-carousel{display:grid;place-items:center;isolation:isolate;padding:0 8%}.page-banner-mobile-track{display:none}.page-banner-main{position:relative;z-index:2;overflow:hidden;width:100%;max-width:1180px;min-height:260px;aspect-ratio:3.55 / 1;border:1px solid rgba(226,232,240,.78);border-radius:18px;background:#0b1220;box-shadow:0 18px 52px #2563ff1f,0 24px 64px #7a3dff14;animation:page-banner-enter .58s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.page-banner-main img,.page-banner-side img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.page-banner-side{position:absolute;top:11%;z-index:1;overflow:hidden;width:min(39%,520px);height:78%;border-radius:14px;background:#0b1220;box-shadow:0 18px 46px #0f172a33;opacity:.72;pointer-events:none}.page-banner-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#07111f6b}.page-banner-side-left{left:0;transform:translate(2%) scale(.94);animation:page-banner-side-left .58s cubic-bezier(.22,1,.36,1)}.page-banner-side-right{right:0;transform:translate(-2%) scale(.94);animation:page-banner-side-right .58s cubic-bezier(.22,1,.36,1)}@keyframes page-banner-enter{0%{opacity:.72;transform:translate(18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes page-banner-side-left{0%{opacity:0;transform:translate(9%) scale(.9)}to{opacity:.72;transform:translate(2%) scale(.94)}}@keyframes page-banner-side-right{0%{opacity:0;transform:translate(-9%) scale(.9)}to{opacity:.72;transform:translate(-2%) scale(.94)}}.page-banner-arrow{position:absolute;top:50%;z-index:3;display:grid;width:48px;height:48px;place-items:center;border:0;border-radius:999px;background:#fffffff0;color:#07111f;cursor:pointer;box-shadow:0 12px 32px #0f172a2e;transform:translateY(-50%);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.page-banner-arrow:hover{background:#fff;box-shadow:0 16px 40px #0f172a3d;transform:translateY(-50%) scale(1.04)}.page-banner-arrow-left{left:3.2%}.page-banner-arrow-right{right:3.2%}.page-banner-loading{background:linear-gradient(90deg,#e2e8f094,#f8fafce6,#e2e8f094),#e2e8f0;background-size:220% 100%;animation:banner-loading-shimmer 1.35s ease-in-out infinite}@keyframes banner-loading-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.page-banner-dots{position:relative;z-index:3;grid-column:1;justify-content:center;margin-top:14px;display:flex;gap:10px}.page-banner-dots button{width:74px;height:4px;border:0;border-radius:999px;background:#94a3b89e;cursor:pointer;padding:0}.page-banner-dots button.active{background:var(--gradient)}.topup-list-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0;border:1px solid rgba(203,213,225,.74);border-radius:18px;background:linear-gradient(180deg,#fbfefff5,#f2fbffeb);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 34px #2563ff14,0 24px 58px #7a3dff0d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.topup-list-card:after{content:"";position:absolute;left:20px;right:20px;bottom:-34px;height:52px;border-radius:999px;background:linear-gradient(90deg,#2563ff24,#7a3dff29,#ff2da01f);filter:blur(18px);opacity:0;transition:opacity .2s ease}.topup-list-card:hover{transform:translateY(-4px);border-color:#7a3dff57;box-shadow:0 20px 48px #2563ff24,0 28px 72px #7a3dff1a}.topup-list-card:hover:after{opacity:1}.topup-list-art{position:relative;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1 / 1;flex:0 0 auto;min-height:0;margin:0;padding:0;overflow:hidden;color:#fff;background:var(--game-gradient);border-radius:18px 18px 0 0}.topup-list-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07111f05,#07111f1a);z-index:1}.topup-list-art>*{position:relative;z-index:2}.topup-list-art img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;max-width:none;aspect-ratio:1 / 1;object-fit:cover;object-position:center;background:#eef4ff;transition:transform .24s ease}.topup-list-card:hover .topup-list-art img{transform:scale(1.06)}.topup-list-art strong{padding:18px;font-size:1.9rem;font-weight:900;letter-spacing:0;text-align:center;text-shadow:0 12px 26px rgba(0,0,0,.34)}.topup-list-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;min-height:154px;padding:12px;text-align:left}.topup-game-meta{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.topup-game-meta small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topup-game-meta .badge{flex:0 0 auto;max-width:74px;min-height:21px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;box-shadow:none}.topup-list-body h2{min-height:38px;margin:0;color:var(--navy);font-size:.96rem;line-height:1.25;font-weight:900}.topup-list-body small{color:var(--muted);font-size:.72rem;font-weight:800}.topup-card-footer{display:grid;grid-template-columns:1fr;align-items:stretch;gap:9px;margin-top:auto}.topup-start-price{display:grid;gap:2px;min-width:0}.topup-start-price span{color:var(--muted);font-size:.7rem;font-weight:800}.topup-start-price b{color:var(--navy);font-size:.9rem;line-height:1.1;font-weight:900}.topup-list-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:linear-gradient(135deg,#2563ff,#06f 48%,#7a3dff);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:0;box-shadow:0 12px 24px #2563ff38;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}.list-action-button{min-height:46px;min-width:132px;padding:0 22px;border:1px solid transparent;border-radius:13px;background:linear-gradient(135deg,#06f,#7a3dff 60%,#4c1d95);color:#fff;font-size:.92rem;font-weight:800;letter-spacing:0;box-shadow:0 15px 40px #7a3dff47}.topup-list-button.list-action-button{width:100%;min-height:34px;min-width:0;padding:0 10px;border-radius:10px;font-size:.72rem}.topup-list-card:hover .topup-list-button{filter:brightness(1.06);transform:translate(1px);box-shadow:0 14px 30px #2563ff4d,0 18px 42px #7a3dff29}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.benefit{display:flex;gap:14px;padding:20px}.benefit svg{color:var(--primary)}.benefit h3{margin-bottom:6px;color:var(--navy)}.benefit p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.product-grid{display:grid;gap:18px}.product-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-art{position:relative;overflow:hidden;aspect-ratio:4 / 5;min-height:0;padding:0;display:block;color:#fff}.product-art img,.main-shot img,.thumbs button img,.order-product>div img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.product-body{padding:14px;display:grid;gap:10px}.product-body h3{min-height:44px;margin:0;color:var(--navy);font-size:.96rem;line-height:1.3}.product-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-card-footer .list-action-button{min-width:104px}.product-card-skeleton{min-height:360px;padding:0}.product-card-skeleton span{display:block;aspect-ratio:4 / 5;background:linear-gradient(90deg,#e2e8f0b8,#f8fafceb,#e2e8f0b8)}.product-card-skeleton div{display:grid;gap:12px;padding:14px}.product-card-skeleton i,.product-card-skeleton b,.product-card-skeleton em{display:block;height:14px;border-radius:999px;background:#e2e8f0e0}.product-card-skeleton b{width:72%;height:22px}.product-card-skeleton em{width:46%}.pagination-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}.pagination-row span{color:var(--muted);font-size:.9rem;font-weight:800}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:12px}.wrap{flex-wrap:wrap}.center{justify-content:center}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:.72rem;font-weight:800}.badge.primary{color:var(--primary);background:var(--soft-cyan)}.badge.success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.badge.muted{color:var(--muted);background:color-mix(in srgb,var(--muted) 14%,transparent)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}.spec-grid span{padding:10px;border-radius:14px;background:var(--bg-2);color:var(--muted);font-size:.76rem}.spec-grid b{display:block;color:var(--navy)}.price,.big-price{color:var(--navy)}.flash-banner{min-height:220px;border-radius:28px;padding:clamp(24px,4vw,42px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;color:#fff;background:radial-gradient(circle at 82% 28%,rgba(76,29,149,.46),transparent 18rem),linear-gradient(135deg,#07111f,#06f 55%,#7a3dff);box-shadow:var(--shadow);overflow:hidden}.flash-banner span{text-transform:uppercase;color:#00d4ff;font-weight:800}.flash-banner h2{margin:8px 0;font-size:clamp(1.6rem,4vw,3rem)}.flash-banner p{margin:0;color:#ffffffc7}.countdown{display:grid;grid-template-columns:repeat(4,70px);gap:10px}.countdown b{min-height:70px;display:grid;place-items:center;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-size:1.45rem}.countdown small{display:block;font-size:.68rem;opacity:.75}.testimonials{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:16px;align-items:stretch}.testimonials-slider{display:contents}.testimonials h2{margin:12px 0;color:var(--navy);font-size:3rem}.review-card{padding:22px}.stars{color:var(--warning)}.review-card p{color:var(--muted);line-height:1.65}.footer{padding:44px 0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--card) 72%,transparent)}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:28px}.footer h3{color:var(--navy)}.footer a:not(.brand){display:block;margin:10px 0;color:var(--muted);font-weight:600}.footer{position:relative;margin-top:76px;padding:70px 0 26px;border-top:0;overflow:visible;background:#07111f;color:#e5efff}.footer-wave{position:absolute;left:0;top:-76px;width:100%;height:96px;display:block;pointer-events:none}.footer-wave path{fill:#07111f}.footer .eyebrow{color:#b7c9ff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.footer-grid{grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,.75fr));gap:34px;align-items:start}.footer .brand{color:#fff}.footer .brand small{color:#7dd3fc}.footer-brand p{max-width:360px;margin:18px 0 0;color:#b6c3da;line-height:1.72}.footer-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.footer-badges span,.footer-contact{min-height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:#ffffff14;color:#dbeafe;font-size:.82rem;font-weight:800}.footer h3{margin:0 0 14px;color:#fff;font-size:.95rem}.footer-links a:not(.brand){position:relative;margin:0;padding:8px 0;color:#b6c3da;font-weight:700;transition:color .2s ease,transform .2s ease}.footer-links a:not(.brand):hover{color:#fff;transform:translate(4px)}.footer-support{display:grid;justify-items:start;gap:2px}.footer-contact{margin-top:8px}.footer-support .icon-btn{margin-top:10px;background:#ffffff1a;border-color:#94a3b83d;color:#fff;box-shadow:none}.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:22px;border-top:1px solid rgba(148,163,184,.18);color:#8fa1bd;font-size:.84rem;font-weight:600}.page-heading{max-width:760px;margin-bottom:28px}.page-heading h1{margin:12px 0}.detail-layout,.checkout-layout,.tracking-layout,.help-layout,.account-detail{display:grid;grid-template-columns:minmax(260px,420px) minmax(360px,1fr);gap:26px;align-items:start}.tracking-layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:22px}.checkout-layout{grid-template-columns:minmax(0,1fr) minmax(320px,380px)}.info-panel,.checkout-card,.panel{padding:24px}.big-banner,.main-shot{min-height:320px;border-radius:24px;display:grid;place-items:center;color:#fff;margin-bottom:22px}.big-banner span,.big-banner b{font-size:clamp(2rem,5vw,4rem);font-weight:900}.info-panel h1,.buy-panel h1{color:var(--navy)}.info-panel p,.panel p,.faq-mini p{color:var(--muted);line-height:1.72}.notice,.success-box{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-2);color:var(--muted);line-height:1.55}.notice svg,.success-box svg{flex:0 0 auto;color:var(--primary)}.success-box{margin:12px 0;color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.faq-mini{margin-top:18px}.topup-detail-page{background:radial-gradient(circle at 82% 8%,rgba(0,194,255,.12),transparent 26rem),radial-gradient(circle at 10% 42%,rgba(122,61,255,.08),transparent 24rem),linear-gradient(180deg,#e8fbff,#f3fcff 48%,#dff4ff)}.topup-detail-layout{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:26px;align-items:start}.topup-game-panel,.topup-checkout-card{background:#ffffffe6;border:1px solid rgba(226,232,240,.84);box-shadow:0 16px 42px #2563ff14,0 24px 70px #7a3dff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topup-game-panel{position:sticky;top:96px;padding:18px;border-radius:var(--radius)}.topup-game-copy{padding:6px 6px 8px}.topup-game-copy h1{margin:12px 0 10px;color:var(--navy);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.16}.topup-game-copy p,.topup-checkout-heading p,.topup-help-card p{color:var(--muted);line-height:1.68}.topup-game-copy p{margin:0}.topup-game-toggle,.topup-mobile-game-context{display:none}.topup-game-content{display:block}.topup-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.topup-info-grid div{min-height:94px;display:grid;align-content:start;gap:6px;padding:14px;border:1px solid rgba(226,232,240,.82);border-radius:16px;background:linear-gradient(135deg,#eef4ffd1,#ffffffc7)}.topup-info-grid b,.topup-help-notice b{color:var(--navy);font-size:.86rem}.topup-info-grid span,.topup-help-notice span{color:var(--muted);font-size:.8rem;line-height:1.55}.topup-help-notice{margin-top:12px}.topup-help-notice div{display:grid;gap:4px}.topup-help-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-top:14px;padding:16px;border:1px solid rgba(122,61,255,.16);border-radius:18px;background:linear-gradient(135deg,#00c2ff17,#7a3dff17)}.topup-help-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--primary);background:#ffffffdb;box-shadow:inset 0 0 0 1px #ffffffa6,0 12px 26px #2563ff1c}.topup-help-card h3,.topup-checkout-card h3{margin:0;color:var(--navy)}.topup-help-card p{margin:4px 0 0;font-size:.88rem}.topup-checkout-card{position:sticky;top:96px}.topup-checkout-heading{margin-bottom:18px}.topup-checkout-heading h2{margin:10px 0 8px}.topup-checkout-heading p{margin:0}.stepper{display:flex;gap:10px;margin-bottom:22px}.stepper span{flex:1;min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem;font-weight:700}.stepper b{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;background:var(--bg-2)}.stepper .active b{background:var(--gradient);color:#fff}.stepper .active{color:var(--primary)}.nominal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.nominal-grid button,.payment-grid button{padding:14px;border-radius:16px;border:1px solid var(--border);background:var(--card-soft);color:var(--text);text-align:left;cursor:pointer}.nominal-grid button.active,.payment-grid button.active,.tabs .active{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.nominal-grid b,.nominal-grid span{display:block}.nominal-grid span{color:var(--primary);font-weight:800;margin-top:5px}.field{display:grid;gap:8px;margin:14px 0}.field span{color:var(--navy);font-size:.84rem;font-weight:800}.field input,.field select,.field textarea,.search-field input,.filters select{width:100%;border:1px solid var(--border);background:var(--card-soft);color:var(--text);border-radius:16px;outline:0}.field input,.field select,.search-field input,.filters select{min-height:48px;padding:0 14px}.field textarea{min-height:116px;padding:14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-field input:focus,.filters select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.form-error{color:var(--danger);font-weight:700;margin:10px 0 0;padding:10px 12px;border:1px solid rgba(239,68,68,.18);border-radius:12px;background:#ef444414;line-height:1.45}.voucher-row{display:grid;grid-template-columns:1fr 92px;gap:12px;align-items:end}.voucher-row .field{margin:0}.voucher-row .btn{min-height:48px;height:48px;align-self:end;width:100%}.payment-block{margin:20px 0}.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-grid button{display:grid;grid-template-columns:auto 1fr;gap:6px 8px;align-items:center}.payment-logo{width:34px;height:24px;object-fit:contain;border-radius:6px;background:#fff;padding:3px;box-shadow:0 1px #0f172a0f}.payment-grid small{grid-column:2;color:var(--muted)}.summary{display:grid;gap:12px;margin:20px 0}.summary div{display:flex;justify-content:space-between;gap:14px;color:var(--muted)}.summary b{color:var(--text);text-align:right}.summary .total{padding-top:14px;border-top:1px solid var(--border);color:var(--navy)}.summary .total strong{color:var(--primary);font-size:1.3rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#07111f94;animation:fadeIn .2s ease}.modal{width:min(440px,100%);padding:24px;border:1px solid var(--border);border-radius:28px;background:var(--card);box-shadow:var(--shadow);text-align:center;animation:popIn .22s ease}.modal p{color:var(--muted);line-height:1.65}.modal-icon,.success-icon{width:78px;height:78px;margin:0 auto 18px;display:grid;place-items:center;border-radius:28px;color:#fff;background:var(--gradient);box-shadow:0 18px 44px #7a3dff3d}.auth-required-modal{position:relative;width:min(420px,100%);padding:28px 26px 24px}.auth-required-modal .close{position:absolute;top:14px;right:14px;z-index:2}.logout-confirm-modal{position:relative;width:min(400px,100%);padding:28px 26px 24px}.logout-confirm-modal .close{position:absolute;top:14px;right:14px;z-index:2}.logout-confirm-modal h2{margin:12px 0 8px;color:var(--navy);font-size:1.24rem;line-height:1.25}.logout-confirm-modal p{max-width:320px;margin:0 auto;font-size:.9rem}.logout-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.modal-logo{width:76px;height:76px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid rgba(37,99,255,.14);border-radius:22px;background:linear-gradient(135deg,#eef4ffeb,#ffffffdb);box-shadow:0 18px 42px #2563ff24}.modal-logo img{width:58px;height:58px;object-fit:contain}.auth-required-badge{min-height:28px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(37,99,255,.14);border-radius:999px;background:#2563ff14;color:var(--primary);font-size:.72rem;font-weight:900}.auth-required-modal h2{margin:14px 0 8px;color:var(--navy);font-size:1.28rem;line-height:1.25}.auth-required-modal p{max-width:330px;margin:0 auto 18px;font-size:.9rem}.auth-required-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.modal-total{display:block;margin:18px 0;color:var(--primary);font-size:1.8rem}.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 16%,rgba(0,194,255,.12),transparent 24rem),radial-gradient(circle at 82% 24%,rgba(122,61,255,.12),transparent 26rem),linear-gradient(180deg,#e8fbff,#dff4ff)}.maintenance-card{width:min(520px,100%);display:grid;justify-items:center;gap:12px;padding:32px;border:1px solid rgba(226,232,240,.9);border-radius:24px;background:#ffffffe6;text-align:center;box-shadow:0 24px 70px #2563ff1f,0 34px 92px #7a3dff14}.maintenance-card h1{margin:4px 0 0;color:var(--navy);font-size:clamp(1.7rem,4vw,2.45rem);line-height:1.08}.maintenance-card p{margin:0;color:var(--muted);line-height:1.7}.filters{display:grid;grid-template-columns:minmax(360px,1fr) repeat(2,minmax(136px,.34fr));gap:12px;margin-bottom:24px}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:14px;color:var(--muted)}.search-field input{padding-left:42px}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);font-size:.86rem}.breadcrumb a{color:var(--primary);font-weight:700}.gallery{min-width:0;width:min(100%,420px)}.account-detail{grid-template-columns:minmax(420px,520px) minmax(0,1fr);align-items:start;gap:28px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow)}.account-detail .gallery,.account-detail .buy-panel{width:100%}.account-detail .gallery{max-width:520px}.account-detail .buy-panel{min-width:0}.main-shot{position:relative;overflow:hidden;aspect-ratio:4 / 5;min-height:0;margin:0;align-content:center}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.thumbs button{position:relative;overflow:hidden;aspect-ratio:4 / 5;min-height:0;border:2px solid transparent;border-radius:16px;color:#fff;cursor:pointer;font-weight:800;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.thumbs button:hover,.thumbs button.active{border-color:var(--primary);box-shadow:0 10px 24px #0072ff2e;transform:translateY(-1px)}.preview-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-row span{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--muted);font-weight:700;text-align:center;font-size:.8rem}.buy-panel{position:static;padding:4px 4px 4px 10px;border:0;border-radius:0;background:transparent;box-shadow:none}.buy-panel h1{margin:0 0 12px;color:var(--navy);font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.18}.product-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;color:var(--muted);font-size:.9rem;font-weight:700}.product-meta-row>span:not(.badge){padding-right:10px;border-right:1px solid var(--border)}.price-box{display:grid;gap:4px;margin:0 0 18px;padding:18px 20px;border-radius:4px;background:linear-gradient(135deg,#2563ff12,#7a3dff0d)}.price-box span{color:var(--muted);font-size:.84rem;font-weight:700}.share-menu-wrapper{position:relative;display:inline-flex;align-items:center}.product-share-trigger{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.78rem;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.product-share-trigger:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 10px 24px #2563ff1a}.product-share-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;width:180px;gap:6px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 18px 45px #0f172a29}.share-button{min-height:38px;display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--navy);font-size:.8rem;font-weight:900;text-decoration:none;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.share-button:hover{border-color:var(--border-hover);background:#2563ff0d;box-shadow:0 10px 24px #2563ff1a}.share-button.wa{color:#16a34a}.share-button.fb{color:#2563eb}.share-button.ig{color:#db2777}.share-button.copy{color:var(--primary)}.big-price{display:block;margin:0;color:var(--primary);font-size:clamp(1.85rem,3vw,2.7rem);line-height:1}.detail-list,.success-details,.info-grid{display:grid;gap:10px}.detail-list div,.success-details div,.info-grid div,.info-block div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.buy-panel .detail-list{gap:0}.buy-panel .detail-list div{padding:11px 0}.buy-panel .notice{margin-top:12px;border-radius:6px}.buy-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}.detail-list span,.success-details span,.info-grid span,.info-block span{color:var(--muted)}.detail-list b,.success-details b,.info-grid b,.info-block b{color:var(--navy);text-align:right}.detail-sections{display:grid;gap:18px;margin-top:24px}.recommended-products{margin-top:32px}.recommended-products .section-title{padding:0;margin-bottom:16px}.info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.info-grid div{display:grid;justify-items:start;align-content:start;gap:12px;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card)}.info-grid span,.info-grid b{width:100%;text-align:left}.reviews-list p{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--border)}.reviews-list span{color:var(--warning)}.auth-page{min-height:calc(100vh - 72px);padding:110px 18px 60px;display:grid;grid-template-columns:minmax(320px,520px) minmax(320px,520px);justify-content:center;gap:26px}.auth-card{padding:32px}.auth-card h1,.auth-visual h2{color:var(--navy);font-size:clamp(2rem,4vw,3rem);margin:12px 0}.checkline{display:flex;gap:9px;align-items:center;color:var(--muted);margin:14px 0;font-size:.9rem}.checkline a{margin-left:auto;color:var(--primary);font-weight:700}.switch-auth{text-align:center;color:var(--muted)}.switch-auth a{color:var(--primary);font-weight:800}.auth-visual{position:relative;min-height:560px;padding:38px;border-radius:32px;background:radial-gradient(circle at 75% 10%,rgba(76,29,149,.3),transparent 18rem),linear-gradient(135deg,#06f,#7a3dff 50%,#4c1d95);color:#fff;overflow:hidden;display:grid;align-content:end}.auth-visual .shield-art{top:70px;left:50%;transform:translate(-50%);background:#ffffff2e}.auth-visual h2,.auth-visual p{color:#fff}.order-product{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:18px;margin:18px 0}.checkout-heading{display:grid;gap:8px;margin:14px 0 16px}.checkout-heading h1{margin:0}.checkout-heading p{max-width:620px;margin:0;color:var(--muted);line-height:1.65}.account-checkout-product{grid-template-columns:92px minmax(0,1fr) auto;align-items:center;margin:16px 0 20px;background:linear-gradient(135deg,#eef4ffb8,#ffffffd1)}.account-checkout-product b{display:block;color:var(--navy);line-height:1.28}.account-checkout-product strong{color:var(--navy);white-space:nowrap}.order-product>div{position:relative;overflow:hidden;height:70px;border-radius:16px}.account-checkout-product>div{height:auto;aspect-ratio:4 / 5}.order-product small{display:block;color:var(--muted)}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.cart-list{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 12px 32px #2563ff0f}.cart-item.sold{opacity:.68}.cart-item-art{position:relative;overflow:hidden;height:90px;border-radius:14px;background:var(--card-soft)}.cart-item-art img{width:100%;height:100%;object-fit:cover;display:block}.cart-item-body h2{margin:6px 0;color:var(--navy);font-size:1rem;line-height:1.25}.cart-item-body p{margin:0 0 8px;color:var(--muted);font-size:.86rem}.cart-item-actions{display:grid;gap:10px;justify-items:end}.sticky-summary{position:sticky;top:94px}.success-page{min-height:78vh;display:grid;place-items:center}.success-card{width:min(680px,calc(100% - 36px));padding:clamp(28px,5vw,46px);text-align:center}.success-icon{animation:successPulse 1.2s ease infinite alternate}.success-card h1{color:var(--navy)}.success-card p{color:var(--muted);line-height:1.7}.success-details{margin:24px 0;text-align:left}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tabs button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;font-weight:700}.order-search{max-width:420px;margin-bottom:18px}.order-list{display:grid;gap:12px}.order-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.order-card{display:grid;grid-template-columns:1.4fr .7fr 1.4fr 1fr .8fr auto auto;gap:14px;align-items:center;padding:16px}.order-card small{display:block;color:var(--muted)}.order-card b{color:var(--navy)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.timeline div{position:relative;min-height:112px;display:grid;grid-template-rows:auto 1fr;align-content:stretch;gap:10px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--bg-2)}.timeline span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--card);color:var(--muted);font-weight:800}.timeline .done span{background:var(--gradient);color:#fff}.timeline b{display:block;align-self:end;color:var(--navy);line-height:1.25;font-size:.86rem}.info-block{margin-top:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card)}.info-block h2{margin:0 0 12px;color:var(--navy);font-size:1rem}.help-card{padding:16px;border-radius:18px;background:var(--bg-2);color:var(--muted)}.tracking-header{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--border)}.tracking-header>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.tracking-header h1{margin:0;min-width:0;overflow-wrap:anywhere;color:var(--navy);font-size:clamp(1.5rem,2.5vw,2.05rem);line-height:1.2}.tracking-header p{margin:0;color:var(--muted);line-height:1.65}.tracking-status{min-height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary);font-size:.75rem;font-weight:900;text-transform:capitalize}.tracking-status.success,.tracking-status.paid{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.tracking-status.cancelled,.tracking-status.failed,.tracking-status.expired{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.tracking-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;align-items:stretch}.tracking-info-grid .info-block{height:100%}.articles-page{background:linear-gradient(180deg,#f8fafceb,#fffffffa)}.articles-heading{max-width:760px}.articles-search{max-width:520px;margin-bottom:24px}.article-card-media,.article-detail-cover{overflow:hidden;background:#e2e8f0}.article-card-media img,.article-detail-cover img{display:block;width:100%;height:100%;object-fit:cover}.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.article-card{display:flex;flex-direction:column;overflow:hidden;min-height:100%;border:1px solid rgba(226,232,240,.9);border-radius:10px;background:#fffffff0;box-shadow:0 10px 24px #0f172a0e;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.article-card:hover{transform:translateY(-2px);border-color:#2563ff3d;box-shadow:0 16px 36px #0f172a1a}.article-card-media{aspect-ratio:16 / 10}.article-card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:11px 12px 12px}.article-kicker,.article-meta,.article-back-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:.68rem;font-weight:900}.article-kicker{align-self:flex-start;padding:4px 7px;border-radius:999px;background:#2563ff14}.article-card h2{margin:0;color:var(--navy);font-size:.9rem;line-height:1.28;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card p{margin:0;flex:1;color:var(--muted);font-size:.74rem;line-height:1.45;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-meta{flex-wrap:wrap;gap:6px 10px;margin-top:2px;color:var(--muted)}.article-meta span{display:inline-flex;align-items:center;gap:6px}.article-detail-layout{max-width:940px}.article-back-link{margin-bottom:18px}.article-detail{overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:22px;background:#ffffffeb;box-shadow:0 22px 64px #2563ff14}.article-detail-header{padding:clamp(24px,5vw,52px) clamp(20px,5vw,60px) 22px}.article-detail-header h1{margin:12px 0 10px;color:var(--navy);font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.1}.article-detail-header>p{max-width:680px;margin:0 0 12px;color:var(--muted);line-height:1.65}.article-detail-cover{aspect-ratio:16 / 8;margin:0 clamp(16px,5vw,60px);border-radius:18px}.article-content{padding:32px clamp(20px,5vw,60px) clamp(28px,5vw,56px);color:var(--text);font-size:1.02rem;line-height:1.8}.article-content h2,.article-content h3{margin:1.4em 0 .55em;color:var(--navy);line-height:1.18}.article-content p,.article-content ul,.article-content ol,.article-content blockquote{margin:0 0 1em}.article-content img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:16px;box-shadow:0 16px 42px #0f172a1f}.article-content ul,.article-content ol{padding-left:1.4em}.article-content li{margin-bottom:.42em}.article-content blockquote{padding:12px 16px;border-left:4px solid var(--primary);border-radius:12px;background:#2563ff12;color:var(--muted)}.help-layout{grid-template-columns:minmax(0,1fr) 420px}.track-box{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:16px}.tracking-page-heading{max-width:760px;margin-inline:auto;text-align:center}.tracking-search-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto);align-items:stretch;gap:12px;max-width:760px;margin:0 auto 28px}.tracking-search-box .search-field,.tracking-search-box .btn{min-height:52px}.tracking-start-card,.help-track-link{border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.tracking-start-card{display:grid;gap:10px;place-items:center;width:min(560px,100%);margin:26px auto;padding:34px;text-align:center}.public-tracking-layout .panel,.public-tracking-layout .sticky-summary{height:fit-content}.public-tracking-layout .sticky-summary{display:grid;gap:12px}.tracking-start-card h2{margin:0;color:var(--navy)}.tracking-start-card p{margin:0;color:var(--muted)}.public-tracking-layout{margin-top:14px;align-items:start}.help-track-link{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:16px;color:var(--text)}.help-track-link>svg{color:var(--primary)}.help-track-link span{display:grid;gap:2px}.help-track-link b{color:var(--navy)}.help-track-link small{color:var(--muted);line-height:1.5}.faq-list{display:grid;gap:12px;margin-top:18px}.faq-list details{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}.faq-list summary{cursor:pointer;color:var(--navy);font-weight:800}.faq-list p{color:var(--muted);line-height:1.7}.contact-card{padding:18px;border-radius:12px;background:linear-gradient(135deg,#2563ff14,#7a3dff0f);border:1px solid var(--border)}.contact-card h2{margin:8px 0 12px;color:var(--navy)}.contact-methods{display:grid;gap:9px;margin:12px 0}.contact-methods a{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:12px;border-radius:10px;background:var(--card);border:1px solid var(--border);color:var(--text)}.contact-methods svg{grid-row:span 2;color:var(--primary)}.contact-methods span{color:var(--muted);font-size:.78rem;font-weight:800}.contact-methods b{color:var(--navy);font-size:.92rem}.contact-card p{color:var(--muted)}.help-report-card .report-form{margin-top:16px}.empty-state{width:min(620px,100%);margin:26px auto;padding:42px;display:grid;place-items:center;text-align:center}.empty-state svg{color:var(--primary)}.empty-state p{color:var(--muted)}.not-found-page{min-height:calc(100vh - 220px);display:flex;align-items:center}.not-found-layout{display:flex;justify-content:center}.not-found-card{position:relative;width:min(100%,720px);overflow:hidden;border:1px solid rgba(226,232,240,.9);border-radius:28px;background:linear-gradient(135deg,#ffffffd1,#f5f7ffeb),radial-gradient(circle at top left,rgba(37,99,255,.12),transparent 20rem),radial-gradient(circle at bottom right,rgba(122,61,255,.14),transparent 18rem),var(--glass);box-shadow:var(--shadow-lg);padding:clamp(28px,6vw,56px);text-align:center}.not-found-card:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid rgba(37,99,255,.08);border-radius:22px;pointer-events:none}.not-found-brand{position:relative;z-index:1;width:fit-content;margin:0 auto 18px;display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(226,232,240,.86);box-shadow:0 16px 36px #14213d14}.not-found-brand img{width:38px;height:38px;object-fit:contain;border-radius:12px;background:#07111f;padding:5px}.not-found-brand span{display:grid;gap:0;text-align:left;line-height:1}.not-found-brand strong{color:var(--text);font-size:.88rem;font-weight:950;letter-spacing:0}.not-found-brand small{color:var(--primary);font-size:.68rem;font-weight:900;letter-spacing:.12em}.not-found-code{position:absolute;top:-28px;right:clamp(18px,5vw,44px);color:#2563ff14;font-size:clamp(88px,17vw,160px);font-weight:950;line-height:1;pointer-events:none}.not-found-icon{position:relative;z-index:1;width:84px;height:84px;margin:0 auto 20px;display:grid;place-items:center;border-radius:24px;background:#2563ff1a;color:var(--primary)}.not-found-card h1{position:relative;z-index:1;margin:12px auto;max-width:560px;color:var(--text);font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;letter-spacing:0}.not-found-card p{position:relative;z-index:1;margin:0 auto;max-width:540px;color:var(--muted);font-size:1rem;line-height:1.7}.not-found-actions{position:relative;z-index:1;margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.theme-dark .not-found-card{border-color:#334155d9;background:linear-gradient(135deg,#0f172aeb,#0b1220f0),radial-gradient(circle at top left,rgba(0,194,255,.12),transparent 20rem),radial-gradient(circle at bottom right,rgba(122,61,255,.14),transparent 18rem),#0f172ae0}.theme-dark .not-found-brand{background:#0f172ac7;border-color:#334155d1}.theme-dark .not-found-code{color:#00c2ff14}.toast{position:fixed;right:18px;bottom:18px;z-index:100;max-width:360px;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}.toast.success svg{color:var(--success)}.toast.error svg{color:var(--danger)}.reveal{animation:fadeUp .65s ease both}.delay-1{animation-delay:.12s}body{background:linear-gradient(#e8fbffa8,#e8fbffa8),repeating-linear-gradient(90deg,rgba(37,99,255,.055) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(122,61,255,.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(135deg,transparent 0 18px,rgba(0,194,255,.035) 18px 19px,transparent 19px 42px),radial-gradient(circle at 82% 4%,rgba(0,194,255,.16),transparent 28rem),radial-gradient(circle at 8% 22%,rgba(122,61,255,.09),transparent 24rem),radial-gradient(circle at 86% 62%,rgba(76,29,149,.08),transparent 26rem),linear-gradient(180deg,#e8fbff,#f3fcff 42%,#dff4ff);background-attachment:scroll}.app{position:relative;isolation:isolate;background:linear-gradient(115deg,rgba(0,206,255,.1) 0%,transparent 34%,rgba(224,247,255,.32) 68%,transparent 100%),radial-gradient(circle at 18% 14%,rgba(0,194,255,.1),transparent 21rem),radial-gradient(circle at 78% 24%,rgba(122,61,255,.12),transparent 28rem),radial-gradient(circle at 52% 86%,rgba(76,29,149,.07),transparent 28rem)}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 0 49%,rgba(37,99,255,.035) 49% 50%,transparent 50% 100%),linear-gradient(0deg,transparent 0 49%,rgba(0,194,255,.03) 49% 50%,transparent 50% 100%);background-size:168px 168px;opacity:.9}.theme-dark.app:before{display:none}.theme-dark{--shadow: 0 14px 34px rgba(0, 0, 0, .32), 0 24px 72px rgba(0, 102, 255, .08);--shadow-hover: 0 18px 44px rgba(0, 0, 0, .38), 0 32px 90px rgba(122, 61, 255, .15);--glass: rgba(15, 23, 42, .82)}.navbar{background:#ffffffb8;box-shadow:0 10px 30px #2563ff0d}.navbar .nav-inner{min-height:64px}.navbar .brand strong,.navbar .brand small,.navbar .nav-links a,.navbar .profile-pill small{white-space:nowrap}.navbar.search-active .brand>span:last-child{width:0;opacity:0;pointer-events:none}.navbar.search-active .nav-inner{gap:14px}.theme-dark .navbar{box-shadow:0 14px 32px #00000038}@media(max-width:1240px){.navbar.search-active .nav-links{display:none}.navbar.search-active .mobile-only{display:inline-flex}}.nav-links a{position:relative;padding:8px 0}.nav-links a:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;border-radius:999px;background:var(--gradient);transform:translate(-50%);box-shadow:0 8px 18px #7a3dff38;transition:width .22s ease}.nav-links a:hover:after{width:70%}.brand-mark{filter:drop-shadow(0 10px 22px rgba(0,194,255,.18))}.icon-btn,.chip{background:#ffffffdb;border-color:#e2e8f0c7;box-shadow:0 10px 28px #2563ff12}.icon-btn:hover,.chip:hover{border-color:var(--border-hover);box-shadow:0 16px 38px #2563ff1f,0 20px 55px #7a3dff14}.btn{background:var(--gradient);box-shadow:0 15px 40px #7a3dff47}.btn:hover{box-shadow:0 18px 48px #2563ff2e,0 24px 70px #4c1d952e}.btn.ghost,.btn.text,.hero-secondary{background:#ffffffe0;border:1px solid rgba(226,232,240,.9);color:#111827;box-shadow:0 10px 28px #2563ff0f}.btn.ghost:hover,.hero-secondary:hover{border-color:var(--border-hover);box-shadow:0 14px 36px #00c2ff1f,0 22px 55px #7a3dff1a}.hero{background:radial-gradient(circle at top right,rgba(0,194,255,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(122,61,255,.18),transparent 35%),linear-gradient(135deg,#e8fbff,#f3fcff 45%,#dff4ff);isolation:isolate;min-height:calc(100vh - 76px)}.hero:before{background:radial-gradient(circle at 68% 18%,rgba(0,194,255,.2),transparent 24rem),radial-gradient(circle at 82% 72%,rgba(122,61,255,.18),transparent 25rem),linear-gradient(135deg,#e8fbff,#f3fcff 45%,#dff4ff)}.theme-dark .hero:before{background:radial-gradient(circle at 68% 18%,rgba(0,194,255,.1),transparent 24rem),radial-gradient(circle at 82% 72%,rgba(122,61,255,.14),transparent 25rem),linear-gradient(135deg,#07111f,#0b1220 52%,#111c2f)}.hero-badge{background:#ffffffd6;border-color:#e2e8f0eb;box-shadow:0 10px 30px #2563ff14,0 18px 46px #7a3dff0f}.hero h1{color:#111827;text-shadow:0 12px 34px rgba(17,24,39,.05)}.hero h1 span,.brand small{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text}.hero-primary{background:var(--gradient);box-shadow:0 15px 40px #7a3dff47}.hero-visual:before,.character-card{background:radial-gradient(circle at 58% 34%,rgba(0,194,255,.22),transparent 11rem),radial-gradient(circle at 74% 66%,rgba(122,61,255,.2),transparent 12rem),radial-gradient(circle at 44% 58%,rgba(76,29,149,.1),transparent 10rem);filter:blur(2px)}.hero-stats{background:#ffffffe0;border-color:#e2e8f0d1;box-shadow:0 10px 30px #2563ff14,0 24px 70px #7a3dff17}.hero-stats:after{content:"";position:absolute;left:12%;right:12%;bottom:-18px;height:34px;border-radius:999px;background:linear-gradient(90deg,#00c2ff29,#7a3dff2e,#4c1d951f);filter:blur(18px);z-index:-1}.stat-icon,.floating-icon{background:linear-gradient(135deg,#00c2ff24,#7a3dff24);box-shadow:inset 0 0 0 1px #ffffffa6,0 12px 26px #2563ff1c}.hero-stat strong,.hero-stat b,.section-title h2,.page-heading h1,.checkout-card h1,.checkout-card h2,.info-panel h1,.buy-panel h1,.success-card h1,.auth-card h1,.auth-visual h2{color:#111827}.game-card,.product-card,.benefit,.review-card,.panel,.checkout-card,.info-panel,.order-card,.empty-state,.auth-card,.success-card,.buy-panel,.faq-list details{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:#e2e8f0d1;box-shadow:var(--shadow)}.game-card:hover,.product-card:hover,.benefit:hover,.review-card:hover,.panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.game-image,.big-banner{box-shadow:inset 0 1px #ffffff38,0 18px 46px #2563ff1f}.product-art,.main-shot,.thumbs button,.order-product>div{box-shadow:none}.game-card strong,.product-body h3{color:#111827;font-weight:800}.game-card-price b{color:#111827}.mini-link,.section-title a{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.badge.primary,.badge.success{background:linear-gradient(135deg,#00c2ff1f,#7a3dff1f);color:#2563ff;border:1px solid rgba(122,61,255,.12)}.spec-grid span,.notice,.help-card,.contact-card,.timeline div{background:linear-gradient(135deg,#eef4ffd9,#ffe4f547);border-color:#e2e8f0c2}.price,.big-price,.summary .total strong{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.product-card .price{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--navy)}.product-card{overflow:hidden;position:relative}.product-card:after{display:none}.product-card:hover:after{display:none}.product-body .btn,.order-card .btn,.sticky-summary .btn{box-shadow:0 12px 30px #7a3dff33}.product-body .list-action-button,.topup-list-button.list-action-button{background:var(--gradient);color:#fff;box-shadow:0 15px 40px #7a3dff47}.flash-banner{position:relative;background:radial-gradient(circle at 74% 40%,rgba(0,194,255,.26),transparent 18rem),radial-gradient(circle at 92% 78%,rgba(76,29,149,.28),transparent 16rem),linear-gradient(135deg,#07111f,#14213d 35%,#2563ff 68%,#7a3dff);box-shadow:0 18px 52px #2563ff2e,0 30px 90px #7a3dff29}.flash-banner:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:22px;border:1px solid rgba(255,255,255,.14);pointer-events:none}.countdown b{background:#ffffff21;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff2e,0 12px 34px #0000001f}.field input,.field select,.field textarea,.search-field input,.filters select{background:#ffffffdb;border-color:#e2e8f0db;box-shadow:0 8px 22px #2563ff09}.nominal-grid button,.payment-grid button{background:#ffffffe6;border-color:#e2e8f0db;box-shadow:0 8px 22px #2563ff0a}.nominal-grid button.active,.payment-grid button.active,.tabs .active{border-color:#7a3dff6b;background:linear-gradient(135deg,#00c2ff1a,#7a3dff14);box-shadow:0 0 0 4px #7a3dff17,0 16px 36px #2563ff14}.summary{padding:16px;border-radius:18px;background:linear-gradient(135deg,#f8faffe6,#eef4ffb3);border:1px solid rgba(226,232,240,.78)}.modal,.success-card{background:radial-gradient(circle at 82% 12%,rgba(0,194,255,.12),transparent 12rem),radial-gradient(circle at 16% 88%,rgba(76,29,149,.1),transparent 12rem),#fffffff0}.success-page{background:radial-gradient(circle at 50% 12%,rgba(0,194,255,.14),transparent 18rem),radial-gradient(circle at 70% 72%,rgba(122,61,255,.14),transparent 20rem)}.success-icon,.modal-icon{background:var(--gradient);box-shadow:0 18px 46px #7a3dff47,0 26px 70px #00c2ff29}.auth-visual{background:radial-gradient(circle at 72% 18%,rgba(0,194,255,.34),transparent 17rem),radial-gradient(circle at 24% 78%,rgba(76,29,149,.28),transparent 16rem),var(--gradient);box-shadow:0 22px 72px #7a3dff2e}.theme-dark .game-card,.theme-dark .product-card,.theme-dark .benefit,.theme-dark .review-card,.theme-dark .panel,.theme-dark .checkout-card,.theme-dark .info-panel,.theme-dark .topup-game-panel,.theme-dark .order-card,.theme-dark .empty-state,.theme-dark .auth-card,.theme-dark .success-card,.theme-dark .buy-panel,.theme-dark .faq-list details{border-color:#1e293be0}.theme-dark .topup-detail-page{background:radial-gradient(circle at 82% 8%,rgba(0,194,255,.08),transparent 26rem),radial-gradient(circle at 10% 42%,rgba(122,61,255,.08),transparent 24rem),linear-gradient(180deg,#07111f,#0b1220)}.theme-dark .topup-game-panel,.theme-dark .topup-info-grid div,.theme-dark .topup-help-card{background:#0f172ad1;border-color:#1e293be6}.theme-dark .section-title h2,.theme-dark .page-heading h1,.theme-dark .checkout-card h1,.theme-dark .checkout-card h2,.theme-dark .info-panel h1,.theme-dark .topup-game-copy h1,.theme-dark .topup-info-grid b,.theme-dark .topup-help-card h3,.theme-dark .topup-checkout-card h3,.theme-dark .buy-panel h1,.theme-dark .success-card h1,.theme-dark .auth-card h1,.theme-dark .hero h1,.theme-dark .hero-stat strong,.theme-dark .hero-stat b,.theme-dark .game-card strong,.theme-dark .product-body h3{color:#f8fafc}.theme-dark .btn.ghost,.theme-dark .btn.text,.theme-dark .hero-secondary,.theme-dark .field input,.theme-dark .field select,.theme-dark .field textarea,.theme-dark .search-field input,.theme-dark .filters select,.theme-dark .nominal-grid button,.theme-dark .payment-grid button{background:#0f172ad1;border-color:#1e293be6;color:#f8fafc}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes successPulse{0%{transform:scale(.96)}to{transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.hero{background:radial-gradient(circle at top right,rgba(0,194,255,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(122,61,255,.14),transparent 38%),linear-gradient(135deg,#e8fbff,#f3fcff 52%,#dff4ff)}.hero-stats{box-shadow:0 10px 28px #2563ff12,0 18px 52px #7a3dff14}.nav-links,.nav-inner>.nav-search,.profile-pill small{display:none}.drawer-search{display:grid;gap:10px}.drawer-search .nav-search{display:flex;flex:none;width:100%;max-width:none;min-width:0;padding:0 12px}.drawer-search-results{position:static;width:100%;max-height:52vh;right:auto;transform:none}.mobile-only{display:inline-flex}.hero-grid,.detail-layout,.topup-detail-layout,.checkout-layout,.cart-layout,.tracking-layout,.help-layout,.account-detail,.auth-page{grid-template-columns:1fr}.gallery{width:100%}.account-detail{padding:14px}.account-detail .gallery{max-width:none}.buy-panel{padding:4px 2px 2px}.container{width:min(var(--layout-max),calc(100% - 40px))}.nav-inner{width:min(var(--layout-max),calc(100% - 40px));min-height:64px}.brand-mark{width:40px;height:40px}.brand strong{font-size:1.12rem}.brand small{font-size:.64rem}.chip,.icon-btn,.btn.small{min-height:44px;height:44px}.hero{min-height:calc(100vh - 82px);padding-top:28px}.hero-grid{min-height:auto;gap:12px}.hero-visual{min-height:300px}.character-card,.hero-asset-stack{right:-72px;top:-44px;width:560px;height:342px}.floating-card{right:10px}.hero-character-name{left:44%;bottom:58px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:0;margin-top:16px;padding:12px 14px}.hero-stat{grid-template-columns:40px 1fr;gap:10px;padding:12px;border-right:0;border-bottom:1px solid rgba(226,232,240,.82)}.stat-icon{width:40px;height:40px}.hero-stat strong{font-size:1.12rem}.hero-stat:nth-last-child(-n+1){border-bottom:0}.game-strip{grid-template-columns:repeat(3,1fr)}.home-topup-strip{grid-template-columns:repeat(6,minmax(156px,1fr));overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.home-topup-strip::-webkit-scrollbar{display:none}.topup-toolbar{grid-template-columns:1fr}.topup-list-hero{grid-template-columns:1fr;align-items:start;gap:16px}.topup-assurance-row{grid-template-columns:repeat(3,minmax(0,1fr))}.topup-assurance-row div{min-height:66px;padding:12px}.topup-filter-group{width:100%}.topup-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topup-filter-pills{justify-content:flex-start}.product-grid.four,.benefit-grid,.testimonials,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr repeat(2,minmax(128px,.34fr))}.search-field{grid-column:1 / -1}.buy-panel,.topup-game-panel,.topup-checkout-card,.sticky-summary{position:static}.order-card{grid-template-columns:repeat(2,1fr)}.auth-visual{min-height:360px}}@media(max-width:720px){.buy-actions,.auth-required-actions,.logout-confirm-actions{grid-template-columns:1fr}body{background:linear-gradient(#e8fbffb8,#e8fbffb8),repeating-linear-gradient(90deg,rgba(37,99,255,.05) 0 1px,transparent 1px 56px),repeating-linear-gradient(0deg,rgba(122,61,255,.04) 0 1px,transparent 1px 56px),radial-gradient(circle at 100% 4%,rgba(0,194,255,.12),transparent 18rem),radial-gradient(circle at 0 34%,rgba(122,61,255,.08),transparent 17rem),linear-gradient(180deg,#e8fbff,#f3fcff 48%,#dff4ff)}.game-card,.product-card,.benefit,.review-card,.panel,.checkout-card,.info-panel,.topup-game-panel,.order-card,.empty-state,.auth-card,.success-card{box-shadow:0 8px 24px #2563ff12,0 14px 38px #7a3dff0d}.container{width:min(var(--layout-max),calc(100% - 24px))}.section{padding:36px 0}.section.page{padding-top:76px}.nav-inner{width:min(var(--layout-max),calc(100% - 24px));min-height:62px;gap:8px}.nav-actions{gap:6px}.brand small{letter-spacing:.1em}.brand-mark,.icon-btn{width:40px;height:40px;border-radius:14px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-card{min-height:0;border-radius:10px}.article-card-body{padding:10px}.article-card h2{font-size:.86rem}.article-card p{font-size:.72rem;line-height:1.45}.article-kicker,.article-meta{font-size:.68rem}.article-detail{border-radius:18px}.article-detail-header{padding:20px 16px 16px}.article-detail-header h1{font-size:1.75rem}.article-detail-cover{margin:0 12px;border-radius:14px}.article-content{padding:24px 16px 28px;font-size:.96rem}.brand strong{font-size:1rem}.brand small{font-size:.62rem}.language-chip,.btn.small{display:none}.product-card-footer .btn.small{display:inline-flex}.btn{min-height:48px}.hero{min-height:calc(100vh - 68px);padding-top:24px;padding-bottom:28px}.hero h1{margin:18px 0 12px;font-size:clamp(2.1rem,10vw,3.1rem)}.hero p{font-size:1.02rem}.hero-actions{gap:12px;margin-top:18px}.hero-actions .btn{width:100%}.hero-visual{min-height:220px;border-radius:0;margin-top:4px}.hero-visual:before{right:-176px;top:-28px;width:560px;height:280px}.character-card,.hero-asset-stack{right:-132px;top:-20px;width:430px;height:216px}.character-card img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 84%,transparent 100%)}.shield-art{width:130px;height:160px;font-size:5.5rem}.floating-card{width:174px;min-height:68px;padding:10px 12px;gap:10px;border-radius:18px;font-size:.78rem}.floating-card small{font-size:.72rem}.floating-icon{width:42px;height:42px;border-radius:14px}.float-secure{top:18px;right:0}.float-instant{top:96px;right:0}.float-support{top:174px;right:0}.float-3{left:28px;bottom:86px}.hero-character-name{left:26px;bottom:26px;gap:10px}.hero-character-name b{font-size:1.25rem}.hero-character-name small{font-size:.9rem}.hero-stats{grid-template-columns:1fr;min-height:auto;padding:8px 14px;border-radius:18px}.hero-stat{grid-template-columns:38px 1fr;gap:10px;padding:10px 0}.stat-icon{width:38px;height:38px}.hero-stat strong{font-size:1.08rem}.game-strip,.product-grid.four,.testimonials,.footer-grid,.filters,.payment-grid,.info-grid,.tracking-info-grid,.preview-row{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-field{grid-column:auto}.game-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.home-topup-strip{grid-template-columns:repeat(6,minmax(148px,1fr))}.game-card{min-height:250px}.topup-toolbar{padding:12px}.topup-list-heading h1{font-size:1.8rem}.topup-assurance-row{grid-template-columns:1fr;gap:10px}.topup-assurance-row div{min-height:58px}.topup-assurance-row svg{width:36px;height:36px}.topup-filter-pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.topup-filter-pills button{flex:0 0 auto}.topup-list-card{min-height:332px;border-radius:18px}.page-banner-main{min-height:220px;aspect-ratio:3.1 / 1}.page-banner-carousel{padding:0 6%}.page-banner-side{width:38%;height:72%}.page-banner-arrow{width:42px;height:42px}.page-banner-arrow-left{left:1.5%}.page-banner-arrow-right{right:1.5%}.topup-list-art{padding:0;border-radius:18px 18px 0 0}.topup-list-art strong{font-size:1.45rem}.topup-list-body{min-height:136px;padding:12px 12px 14px}.topup-list-body h2{font-size:.9rem}.topup-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topup-list-card{min-height:300px}.page-banner-main{min-height:170px;aspect-ratio:2 / 1;border-radius:16px}.page-banner-carousel{padding:0}.page-banner-side{display:none}.page-banner-arrow{width:38px;height:38px}.page-banner-arrow-left{left:10px}.page-banner-arrow-right{right:10px}.page-banner-dots{margin-top:10px;gap:7px}.page-banner-dots button{width:34px}.topup-list-body h2{min-height:34px;font-size:.82rem}.topup-card-footer{grid-template-columns:1fr;align-items:stretch;gap:8px;margin-top:8px}.topup-list-button{min-height:34px;min-width:0;padding:0 10px;font-size:.7rem}.product-art{min-height:0}.flash-banner{grid-template-columns:1fr}.countdown{grid-template-columns:repeat(4,1fr)}.countdown b{min-height:58px;font-size:1.1rem}.checkout-card,.info-panel,.panel,.auth-card,.buy-panel,.topup-game-panel{padding:18px;border-radius:20px}.topup-info-grid,.topup-help-card{grid-template-columns:1fr}.topup-help-card .btn{width:100%}.voucher-row,.track-box,.tracking-search-box,.order-product,.cart-item{grid-template-columns:1fr}.cart-item-actions{justify-items:stretch}.stepper{overflow-x:auto;padding-bottom:6px}.stepper span{min-width:138px}.main-shot,.big-banner{min-height:260px}.main-shot{min-height:0}.thumbs{grid-template-columns:repeat(2,1fr)}.auth-page{padding-top:86px}.auth-visual{display:none}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.tracking-header>div{grid-template-columns:1fr;justify-items:start}.tracking-search-box{max-width:none}.order-card{grid-template-columns:1fr}.toast{right:12px;left:12px;bottom:12px;max-width:none}}@media(max-width:920px){.footer{margin-top:58px;padding-top:64px}.footer-wave{top:-60px;height:62px}.footer-bottom{flex-direction:column}}@media(max-width:560px){.product-share-menu{left:0;right:auto;width:min(190px,calc(100vw - 48px))}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-brand p{max-width:none}}.auth-shell{min-height:100vh;background:radial-gradient(circle at 16% 12%,rgba(0,194,255,.12),transparent 26rem),radial-gradient(circle at 82% 20%,rgba(122,61,255,.14),transparent 31rem),linear-gradient(180deg,#e8fbff,#f3fcff 46%,#dff4ff)}.auth-shell main{min-height:100vh}.auth-page{min-height:100vh;width:min(var(--layout-max),calc(100% - var(--layout-gutter)));margin:0 auto;padding:14px 0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:14px}.auth-topbar,.auth-footer,.auth-layout{width:100%}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0}.auth-brand{display:inline-flex;align-items:center;gap:11px;color:var(--navy);min-width:0}.auth-brand span{width:42px;height:42px;display:grid;place-items:center}.auth-brand img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(37,99,255,.18))}.auth-brand strong{display:grid;gap:2px;color:#0f172a;font-size:clamp(1.05rem,1.65vw,1.42rem);line-height:.92;font-weight:950;letter-spacing:0;transform:skew(-7deg);min-width:0}.auth-brand small{color:#7a3dff;font-size:.62em;letter-spacing:.18em;transform:skew(7deg)}.auth-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.auth-back,.auth-language{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 11px;border:1px solid rgba(226,232,240,.92);border-radius:12px;background:#ffffffdb;color:#475569;font-size:.8rem;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 14px 34px #2563ff12;transition:transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.auth-back:hover,.auth-language:hover{color:#2563ff;border-color:#7a3dff47;transform:translateY(-1px);box-shadow:0 18px 42px #2563ff1f}.auth-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(380px,1fr);gap:14px;align-items:stretch}.auth-card,.auth-visual{min-height:450px;border:1px solid rgba(226,232,240,.86);border-radius:22px;background:#ffffffd1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 70px #2563ff1a,0 30px 92px #7a3dff12}.auth-card{padding:clamp(16px,1.9vw,24px);display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-card-register{justify-content:flex-start;padding:clamp(15px,1.7vw,22px)}.auth-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#6d28d9;font-weight:900;font-size:.78rem}.auth-card-logo{width:54px;height:54px;display:grid;place-items:center;margin-bottom:8px}.auth-card-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(37,99,255,.18))}.auth-card h1{margin:10px 0 6px;color:#0f172a;font-size:clamp(1.45rem,2.1vw,1.86rem);line-height:1.05;font-weight:950;letter-spacing:0}.auth-card>p{max-width:460px;margin:0 0 6px;color:#64748b;font-size:.8rem;line-height:1.48}.auth-field{display:grid;gap:5px;margin-top:7px}.auth-field>span{color:#0f172a;font-size:.76rem;font-weight:900}.auth-field>div{min-height:40px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(203,213,225,.82);border-radius:12px;background:#ffffffeb;box-shadow:inset 0 1px #ffffffb8,0 10px 24px #2563ff0b;transition:border-color .18s ease,box-shadow .18s ease}.auth-field>div:focus-within{border-color:#7a3dff6b;box-shadow:0 0 0 4px #7a3dff14,0 14px 30px #2563ff14}.auth-field svg{color:#94a3b8;flex-shrink:0}.auth-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:.8rem;font-weight:750}.auth-field input::placeholder{color:#94a3b8}.auth-field button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:0;background:transparent;color:#94a3b8;cursor:pointer;flex-shrink:0}.auth-card .checkline{margin:9px 0 2px;color:#64748b;font-weight:750;display:flex;align-items:flex-start;gap:10px;line-height:1.45}.auth-card-register .auth-eyebrow{font-size:.74rem}.auth-card-register h1{margin-top:8px;font-size:clamp(1.36rem,1.9vw,1.72rem)}.auth-card-register>p{margin-bottom:4px;font-size:.78rem;line-height:1.42}.auth-card-register .auth-field{margin-top:6px}.auth-card-register .auth-field>div{min-height:38px;border-radius:11px}.auth-card-register .checkline{margin-top:8px;font-size:.76rem;line-height:1.36}.auth-card-register .auth-submit{min-height:40px}.auth-card-register .switch-auth{margin-top:8px;font-size:.82rem}.auth-card .checkline input{width:18px;height:18px;margin-top:1px;flex:0 0 auto;accent-color:#7a3dff}.auth-submit{margin-top:10px;min-height:42px;border-radius:12px;background:linear-gradient(135deg,#7a3dff,#5b21d9 58%,#6d28d9);font-size:.88rem;box-shadow:0 18px 42px #7a3dff47}.switch-auth{margin:10px 0 0;color:#64748b;font-weight:750;line-height:1.45}.switch-auth a{color:#6d28d9;font-weight:950}.auth-visual{position:relative;overflow:hidden;min-height:450px;padding:clamp(22px,2.8vw,34px);display:grid;grid-template-rows:1fr auto;background:radial-gradient(circle at 75% 28%,rgba(122,61,255,.13),transparent 18rem),radial-gradient(circle at 68% 18%,rgba(0,194,255,.11),transparent 20rem),linear-gradient(135deg,#ffffffdb,#f8faffb8);min-width:0}.auth-visual:before{content:"";position:absolute;inset:32px 48px auto auto;width:270px;height:270px;border-radius:46% 54% 54% 46%;background:#7a3dff0b;filter:blur(1px)}.auth-visual-copy{position:relative;z-index:2;align-self:center;max-width:420px}.auth-visual h2{margin:0 0 12px;color:#0f172a;font-size:clamp(1.95rem,3.3vw,2.82rem);line-height:1.08;font-weight:950;letter-spacing:0}.auth-visual h2 span{color:#7a3dff}.auth-visual-copy p{max-width:360px;color:#64748b;font-size:.86rem;line-height:1.62;font-weight:700}.auth-feature-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.auth-feature-row article{display:grid;justify-items:center;gap:10px;text-align:center;min-width:0;padding:12px 8px;border-radius:18px}.auth-feature-row i{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;color:#6d28d9;background:linear-gradient(135deg,#7a3dff1f,#2563ff14)}.auth-feature-row h3{margin:4px 0 0;color:#0f172a;font-size:.86rem;line-height:1.22}.auth-feature-row p{margin:0;color:#64748b;font-size:.8rem;line-height:1.45}.auth-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;color:#94a3b8;font-size:.8rem;font-weight:750}.auth-footer>span{display:inline-flex;align-items:center;gap:10px;min-width:0}.auth-footer img{width:32px;height:32px;object-fit:contain}.auth-footer nav,.auth-footer div{display:flex;align-items:center;gap:16px;min-width:0}.auth-footer div{justify-content:end}.auth-footer a{color:#64748b;white-space:nowrap}.auth-footer button{min-width:38px;min-height:38px;border:1px solid rgba(226,232,240,.9);border-radius:12px;background:#ffffffd1;color:#6d28d9;font-size:.74rem;font-weight:900;white-space:nowrap}@media(max-width:1180px){.auth-layout{grid-template-columns:1fr}.auth-visual{min-height:480px}.auth-visual-copy{max-width:430px}.auth-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.auth-footer div{justify-content:center;flex-wrap:wrap}}@media(max-width:720px){.auth-page{width:min(var(--layout-max),calc(100% - 24px));padding:12px 0 16px;gap:14px}.auth-topbar{align-items:flex-start;gap:12px}.auth-brand span{width:46px;height:46px}.auth-brand strong{font-size:1.2rem}.auth-actions{display:grid;justify-items:end;gap:8px}.auth-back,.auth-language{min-height:40px;padding:0 12px;font-size:.82rem}.auth-card{min-height:auto;padding:13px 12px;border-radius:16px}.auth-card-register{padding:12px}.auth-card h1{margin:7px 0 4px;font-size:1.34rem}.auth-card-register h1{font-size:1.26rem}.auth-card>p{margin-bottom:4px;font-size:.76rem;line-height:1.38}.auth-field{gap:4px;margin-top:6px}.auth-field>span{font-size:.7rem}.auth-field>div{min-height:38px;border-radius:10px}.auth-card-register .auth-field>div{min-height:36px}.auth-card .checkline{margin:7px 0 0;font-size:.72rem;line-height:1.32}.auth-submit{min-height:38px;margin-top:8px;border-radius:10px}.switch-auth{margin-top:7px;font-size:.76rem}.auth-visual{display:none}.auth-footer nav{flex-wrap:wrap;justify-content:center}}@media(max-width:520px){.article-grid{grid-template-columns:1fr}.article-meta{gap:8px}.auth-topbar{display:grid;grid-template-columns:1fr}.auth-actions{width:100%;grid-template-columns:1fr auto auto;justify-items:stretch;align-items:center}.auth-back,.auth-language{min-width:0;padding:0 10px}.auth-back{justify-self:start}.auth-card h1{font-size:1.44rem}.auth-card>p,.auth-visual-copy p{font-size:.82rem}.auth-card .checkline{font-size:.8rem}.auth-card-register .checkline{font-size:.76rem}.auth-footer>span{justify-content:center;flex-wrap:wrap}}html.theme-dark,body.theme-dark{color-scheme:dark;background:radial-gradient(circle at 16% 8%,rgba(0,194,255,.12),transparent 24rem),radial-gradient(circle at 86% 18%,rgba(122,61,255,.16),transparent 30rem),linear-gradient(180deg,#07111f,#0b1220 52%,#07111f)}.theme-dark.app{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 8%,rgba(0,194,255,.12),transparent 24rem),radial-gradient(circle at 82% 18%,rgba(122,61,255,.16),transparent 30rem),radial-gradient(circle at 54% 90%,rgba(255,45,160,.08),transparent 26rem),linear-gradient(180deg,#07111f,#0b1220 52%,#07111f)}.theme-dark .section,.theme-dark .topup-list-page,.theme-dark .marketplace-page,.theme-dark .checkout-page,.theme-dark .product-detail-page,.theme-dark .success-page,.theme-dark .orders-page,.theme-dark .profile-page,.theme-dark .help-page,.theme-dark.auth-shell,.theme-dark .auth-page{color:var(--text);background:transparent}.theme-dark .topup-list-page:before,.theme-dark .topup-list-page:after,.theme-dark .marketplace-page:before,.theme-dark .marketplace-page:after,.theme-dark .articles-page:before,.theme-dark .articles-page:after{display:none}.theme-dark .route-loader{background:radial-gradient(circle at 50% 24%,rgba(0,194,255,.16),transparent 22rem),#07111fe6}.theme-dark .route-loader-card{background:#0f172ae0;border-color:#334155b8;box-shadow:0 28px 90px #0000006b}.theme-dark .route-loader-orbit{background:linear-gradient(135deg,#2563ff33,#7a3dff29);border-color:#94a3b82e}.theme-dark .route-loader-copy b,.theme-dark .topup-list-heading h1,.theme-dark .topup-list-body h2,.theme-dark .article-card h2,.theme-dark .article-detail-header h1,.theme-dark .article-content h2,.theme-dark .article-content h3,.theme-dark .topup-start-price b,.theme-dark .game-card-price b,.theme-dark .auth-visual h2,.theme-dark .auth-card h1,.theme-dark .auth-brand strong,.theme-dark .product-body h3,.theme-dark .detail-list b,.theme-dark .success-details b,.theme-dark .info-block b,.theme-dark .summary .total strong,.theme-dark .modal h2,.theme-dark .modal h3{color:#f8fafc}.theme-dark .price,.theme-dark .big-price{background:none;-webkit-background-clip:initial;background-clip:initial;color:#f8fafc}.theme-dark .product-card .price{color:#f8fafc}.theme-dark .product-share-trigger,.theme-dark .product-share-menu,.theme-dark .share-button{background:#0f172ad1;border-color:#334155e0}.theme-dark .route-loader-copy p,.theme-dark .topup-list-heading p,.theme-dark .topup-list-body small,.theme-dark .article-card p,.theme-dark .article-detail-header>p,.theme-dark .topup-start-price span,.theme-dark .game-card-price span,.theme-dark .auth-card p,.theme-dark .auth-visual p,.theme-dark .product-body p,.theme-dark .modal p,.theme-dark .success-card p{color:#94a3b8}.theme-dark .navbar,.theme-dark .drawer{background:#07111fdb;border-color:#334155bd;box-shadow:0 16px 44px #00000057}.theme-dark .brand strong,.theme-dark .nav-links a,.theme-dark .nav-more>button,.theme-dark .profile-pill,.theme-dark .drawer a,.theme-dark .drawer strong{color:#f8fafc}.theme-dark .nav-links a.active,.theme-dark .nav-more>button.active,.theme-dark .drawer a.active{color:#7dd3fc}.theme-dark .nav-search,.theme-dark .nav-search-panel,.theme-dark .nav-more-menu,.theme-dark .drawer-search-results,.theme-dark .icon-btn,.theme-dark .chip,.theme-dark .profile-pill,.theme-dark .auth-back,.theme-dark .auth-language{background:#0f172ad1;border-color:#334155c2;color:#f8fafc;box-shadow:0 14px 36px #00000038}.theme-dark .nav-search input,.theme-dark .drawer-search input,.theme-dark .field input,.theme-dark .field select,.theme-dark .field textarea,.theme-dark .search-field input,.theme-dark .filters select,.theme-dark .voucher-row input{background:#0f172adb;border-color:#334155d6;color:#f8fafc;box-shadow:0 10px 26px #0000002e}.theme-dark .nav-search input::placeholder,.theme-dark .drawer-search input::placeholder,.theme-dark .auth-field input::placeholder,.theme-dark .field input::placeholder,.theme-dark .field textarea::placeholder,.theme-dark .search-field input::placeholder{color:#64748b}.theme-dark .hero,.theme-dark .hero:before{background:radial-gradient(circle at 68% 18%,rgba(0,194,255,.1),transparent 24rem),radial-gradient(circle at 82% 72%,rgba(122,61,255,.14),transparent 25rem),linear-gradient(135deg,#07111f,#0b1220 52%,#111c2f)}.theme-dark .hero-badge,.theme-dark .hero-stats,.theme-dark .floating-card,.theme-dark .hero-secondary,.theme-dark .article-card,.theme-dark .article-detail,.theme-dark .game-card,.theme-dark .product-card,.theme-dark .benefit,.theme-dark .review-card,.theme-dark .panel,.theme-dark .checkout-card,.theme-dark .info-panel,.theme-dark .buy-panel,.theme-dark .order-card,.theme-dark .empty-state,.theme-dark .success-card,.theme-dark .auth-card,.theme-dark .auth-visual,.theme-dark .faq-list details,.theme-dark .topup-toolbar,.theme-dark .topup-list-card,.theme-dark .topup-assurance-row>*,.theme-dark .topup-info-grid div,.theme-dark .topup-help-card,.theme-dark .topup-checkout-card,.theme-dark .payment-block,.theme-dark .summary,.theme-dark .notice,.theme-dark .tracking-start-card,.theme-dark .help-track-link,.theme-dark .help-card,.theme-dark .contact-card,.theme-dark .timeline div,.theme-dark .spec-grid span,.theme-dark .detail-list div,.theme-dark .success-details div,.theme-dark .info-block div,.theme-dark .info-grid div,.theme-dark .preview-row span,.theme-dark .modal{background:#0f172ad1;border-color:#334155c7;color:#e2e8f0;box-shadow:0 18px 52px #00000047}.theme-dark .topup-list-card,.theme-dark .product-card,.theme-dark .game-card{background:linear-gradient(180deg,#0f172aeb,#0b1220f5)}.theme-dark .help-track-link b,.theme-dark .tracking-start-card h2{color:#f8fafc}.theme-dark .help-track-link small,.theme-dark .tracking-start-card p{color:#94a3b8}.theme-dark .topup-list-card:after{background:linear-gradient(180deg,#00c2ff14,#7a3dff0f)}.theme-dark .page-banner-loading{background:linear-gradient(90deg,#1e293bbd,#334155c7,#1e293bbd),#0f172a;background-size:220% 100%}.theme-dark .page-banner-arrow{background:#f8fafcf0;color:#07111f}.theme-dark .article-content{color:#cbd5e1}.theme-dark .articles-page{background:linear-gradient(180deg,#07111f,#0b1220)}.theme-dark .article-kicker{background:#2563ff29;color:#7dd3fc}.theme-dark .article-content blockquote{background:#2563ff1f;color:#cbd5e1}.theme-dark .topup-list-art,.theme-dark .game-image,.theme-dark .product-art,.theme-dark .big-banner,.theme-dark .main-shot,.theme-dark .thumbs button,.theme-dark .order-product>div{background:#0b1220;border-color:#334155c7}.theme-dark .account-checkout-product{background:#0f172aa8}.theme-dark .topup-filter-pills button,.theme-dark .topup-sort-button,.theme-dark .nominal-grid button,.theme-dark .payment-grid button,.theme-dark .tabs button,.theme-dark .auth-remember input,.theme-dark .auth-remember span{background:#0f172acc;border-color:#334155c7;color:#e2e8f0}.theme-dark .topup-filter-pills button.active,.theme-dark .nominal-grid button.active,.theme-dark .payment-grid button.active,.theme-dark .tabs .active{border-color:#7dd3fc80;background:linear-gradient(135deg,#00c2ff29,#7a3dff24);color:#f8fafc;box-shadow:0 0 0 4px #00c2ff14,0 18px 42px #00000038}.theme-dark .badge.primary,.theme-dark .badge.success,.theme-dark .topup-list-badge,.theme-dark .game-card-tag,.theme-dark .product-tag,.theme-dark .status-pill{background:#2563ff29;border-color:#7dd3fc38;color:#7dd3fc}.theme-dark .badge.warning{background:#f59e0b29;border-color:#f59e0b47;color:#fbbf24}.theme-dark .modal-backdrop{background:#020617bd}.theme-dark .modal,.theme-dark .success-card{background:radial-gradient(circle at 82% 12%,rgba(0,194,255,.1),transparent 12rem),radial-gradient(circle at 16% 88%,rgba(122,61,255,.12),transparent 12rem),#0f172af5}.theme-dark .auth-page{background:radial-gradient(circle at 12% 10%,rgba(0,194,255,.12),transparent 23rem),radial-gradient(circle at 84% 22%,rgba(122,61,255,.14),transparent 28rem),linear-gradient(180deg,#07111f,#0b1220)}.theme-dark.auth-shell,.theme-dark .auth-shell{background:radial-gradient(circle at 16% 12%,rgba(0,194,255,.12),transparent 26rem),radial-gradient(circle at 82% 20%,rgba(122,61,255,.16),transparent 31rem),linear-gradient(180deg,#07111f,#0b1220 52%,#07111f)}.theme-dark .auth-brand small{color:#7dd3fc}.theme-dark .auth-card{background:radial-gradient(circle at 82% 12%,rgba(0,194,255,.08),transparent 13rem),#0f172ae6;border-color:#334155d6}.theme-dark .auth-eyebrow{color:#7dd3fc}.theme-dark .auth-field>span{color:#e2e8f0}.theme-dark .auth-field>div{border-color:#334155e6;background:#0206178f;box-shadow:inset 0 1px #94a3b814,0 12px 26px #0000002e}.theme-dark .auth-field>div:focus-within{border-color:#7dd3fc6b;box-shadow:0 0 0 4px #2563ff24,0 14px 30px #0000003d}.theme-dark .auth-field svg,.theme-dark .auth-field button{color:#94a3b8}.theme-dark .auth-field input,.theme-dark .auth-field button:hover{color:#f8fafc}.theme-dark .auth-card .checkline{color:#cbd5e1}.theme-dark .auth-card .checkline input{accent-color:#7dd3fc}.theme-dark .form-error{background:#f871711f;border-color:#f8717147;color:#fecaca}.theme-dark .auth-card .checkline a,.theme-dark .switch-auth a{color:#7dd3fc}.theme-dark .auth-visual{background:radial-gradient(circle at 72% 18%,rgba(0,194,255,.16),transparent 17rem),radial-gradient(circle at 24% 78%,rgba(122,61,255,.18),transparent 16rem),#0f172ad1;border-color:#334155d6}.theme-dark .auth-visual h2 span{color:#7dd3fc}.theme-dark .auth-feature-row article{background:#02061747;border:1px solid rgba(51,65,85,.58)}.theme-dark .auth-feature-row i{color:#7dd3fc;background:linear-gradient(135deg,#00c2ff24,#7a3dff29)}.theme-dark .auth-feature-row h3{color:#f8fafc}.theme-dark .auth-feature-row p{color:#cbd5e1}.theme-dark .auth-footer,.theme-dark .auth-footer a{color:#94a3b8}.theme-dark .auth-footer button{background:#0f172ad1;border-color:#334155c7;color:#7dd3fc}.theme-dark .auth-footer b{color:#cbd5e1}.theme-dark .toast{background:#0f172af0;border-color:#334155c7;color:#f8fafc}@media(max-width:720px){:root{--layout-gutter: 20px;--section-y: 28px;--page-top: 70px;--radius: 14px}html{font-size:84%}.container,.nav-inner{width:min(var(--layout-max),calc(100% - 18px))}.section{padding:28px 0}.section.page{padding-top:70px}.route-loader{padding:14px}.route-loader-card{width:min(220px,100%);gap:10px;padding:18px 18px 16px;border-radius:18px}.route-loader-orbit{width:58px;height:58px;border-radius:18px}.route-loader-orbit span{top:-5px;right:-5px;bottom:-5px;left:-5px;border-width:2px;border-radius:20px}.route-loader-orbit img{width:40px;height:40px}.route-loader-copy{gap:3px}.route-loader-copy b{gap:5px;font-size:.78rem;line-height:1.25}.route-loader-copy b svg{width:13px;height:13px}.route-loader-copy p{font-size:.66rem;line-height:1.35}.route-loader-progress{height:5px}.page-loading-state{min-height:190px;padding:18px 0}.page-loading-state .route-loader-card{width:min(210px,100%);padding:16px 16px 14px}.page-loading-state .route-loader-orbit{width:54px;height:54px}.page-loading-state .route-loader-orbit img{width:38px;height:38px}.page-heading{margin-bottom:16px}.page-heading h1,.topup-list-heading h1,.section-title h2{font-size:1.38rem;line-height:1.18}.page-heading p,.topup-list-heading p,.section-title p{font-size:.82rem;line-height:1.55}.section-title{align-items:flex-end;gap:10px;margin:0 0 14px}.section-title a{font-size:.78rem;white-space:nowrap}.btn,.btn.small,.chip,.icon-btn{min-height:34px;height:auto;padding:0 11px;border-radius:10px;gap:6px;font-size:.76rem}.btn.small{display:inline-flex;min-height:32px;padding:0 10px;font-size:.72rem}.icon-btn{width:36px;height:36px;padding:0}.brand-mark{width:36px;height:36px}.brand strong{font-size:.9rem}.brand small{font-size:.56rem}.game-strip,.topup-list-grid,.product-grid.four,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.benefit-grid,.testimonials,.footer-grid,.filters,.payment-grid,.info-grid,.tracking-info-grid,.preview-row{grid-template-columns:1fr}.home-topup-strip{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}.game-card,.topup-list-card,.product-card,.article-card,.benefit,.review-card,.panel,.checkout-card,.info-panel,.topup-game-panel,.order-card,.empty-state,.auth-card,.success-card{border-radius:12px;box-shadow:0 6px 18px #2563ff0e,0 10px 28px #7a3dff0b}.benefit{display:grid;justify-items:start;gap:8px;padding:10px}.benefit svg{width:19px;height:19px}.benefit h3{margin:0 0 4px;font-size:.76rem;line-height:1.2}.benefit p{font-size:.62rem;line-height:1.35}.game-card{min-height:0;gap:8px;padding:8px}.game-image{border-radius:10px}.game-card strong{min-height:30px;font-size:.78rem;line-height:1.22}.game-card small,.game-card-price small{font-size:.62rem}.game-card-price b,.mini-link{font-size:.7rem}.topup-list-card{min-height:0;border-radius:12px}.topup-list-art{border-radius:12px 12px 0 0}.topup-list-body{min-height:112px;gap:6px;padding:8px}.topup-game-meta{min-height:18px;gap:5px}.topup-game-meta .badge{max-width:58px;min-height:18px;padding:0 6px;font-size:.56rem}.topup-list-body h2{min-height:30px;font-size:.74rem;line-height:1.2}.topup-list-body small,.topup-start-price span{font-size:.58rem}.topup-start-price b{font-size:.68rem}.topup-card-footer{gap:6px;margin-top:4px}.topup-list-button,.topup-list-button.list-action-button{min-height:28px;padding:0 8px;border-radius:8px;font-size:.6rem}.product-body{gap:7px;padding:8px}.product-body h3{min-height:34px;font-size:.76rem;line-height:1.2}.product-card small,.product-card .price{font-size:.62rem}.product-card-footer{display:grid;grid-template-columns:1fr;align-items:stretch;gap:7px}.product-card-footer .list-action-button{width:100%;min-width:0;min-height:28px;padding:0 8px;border-radius:8px;font-size:.66rem}.badge{min-height:18px;padding:0 6px;font-size:.56rem}.article-card{border-radius:12px}.article-card-media{aspect-ratio:4 / 3}.article-card-body{gap:6px;padding:8px}.article-kicker,.article-meta{gap:4px;font-size:.56rem}.article-kicker{padding:3px 6px}.article-card h2{font-size:.74rem;line-height:1.22}.article-card p{font-size:.62rem;line-height:1.36}.article-meta span{gap:4px}.filters,.topup-toolbar{gap:9px;margin-bottom:16px;padding:10px;border-radius:12px}.field input,.field select,.search-field input,.filters select{min-height:38px;padding:0 10px;border-radius:10px;font-size:.78rem}.search-field input{padding-left:34px}.search-field svg{left:10px;width:15px;height:15px}.topup-filter-pills{gap:6px}.topup-filter-pills button{min-height:30px;padding:0 10px;font-size:.68rem}.page-banner{margin-bottom:14px}.page-banner-main{min-height:118px;border-radius:12px}.page-banner-arrow{width:32px;height:32px}.checkout-card,.info-panel,.panel,.auth-card,.buy-panel,.topup-game-panel{padding:14px;border-radius:14px}.nominal-grid{grid-auto-flow:row;grid-auto-columns:initial;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:8px;margin:12px 0;overflow-x:visible;padding-bottom:0}.nominal-grid button,.payment-grid button{padding:10px;border-radius:11px;font-size:.78rem}.voucher-row,.track-box,.tracking-search-box,.order-product,.cart-item{gap:9px}.timeline{gap:8px}.timeline div{min-height:92px;padding:10px;border-radius:12px}.timeline span{width:28px;height:28px;font-size:.72rem}.timeline b{font-size:.72rem}.tracking-start-card{padding:22px}.notice,.success-box{gap:8px;padding:10px;border-radius:11px;font-size:.76rem}.summary{gap:9px;margin:14px 0;font-size:.78rem}.summary .total strong{font-size:1rem}.stepper{gap:8px;margin-bottom:16px}.stepper span{min-width:112px;gap:6px;font-size:.64rem}.stepper b{width:22px;height:22px}.account-detail{padding:10px;border-radius:12px}.thumbs{grid-template-columns:repeat(4,minmax(0,52px));justify-content:center;gap:7px}.thumbs button{aspect-ratio:4 / 5;width:52px;min-height:0;border-radius:10px}.price-box{margin-bottom:12px;padding:12px}.big-price{font-size:1.32rem}.detail-list div,.success-details div,.info-grid div,.info-block div{padding:10px 0;font-size:.78rem}.info-grid div{padding:12px;border-radius:12px}.modal{padding:18px;border-radius:18px}}@media(max-width:520px){.article-grid,.product-grid.four,.topup-list-grid,.game-strip,.home-topup-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.article-meta{gap:5px}}@media(max-width:380px){.game-strip,.topup-list-grid,.product-grid.four,.article-grid,.home-topup-strip{gap:8px}.product-body,.topup-list-body,.article-card-body{padding:7px}.product-body h3,.topup-list-body h2,.article-card h2{font-size:.68rem}}@media(max-width:768px){.drawer{position:fixed!important;inset:72px 12px auto 12px!important;width:auto!important;max-height:calc(100vh - 88px)!important;overflow-y:auto!important;display:grid!important;gap:6px!important;padding:12px!important;border:1px solid rgba(226,232,240,.86)!important;border-radius:16px!important;background:#fffffff5!important;box-shadow:0 16px 42px #0f172a29!important}.theme-dark .drawer{background:#07111ffa!important;border-color:#334155db!important;box-shadow:0 18px 46px #00000057!important}.drawer .close{position:absolute!important;top:8px!important;right:8px!important;width:34px!important;height:34px!important;border-radius:10px!important}.drawer>a,.drawer-more a,.drawer>button.btn{min-height:40px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 12px!important;border-radius:11px!important;color:#334155!important;font-size:.82rem!important;font-weight:800!important;text-decoration:none!important}.theme-dark .drawer>a,.theme-dark .drawer-more a,.theme-dark .drawer>button.btn{color:#e2e8f0!important}.drawer>a.active,.drawer-more a.active{background:#2563ff1a!important;color:#2563ff!important}.theme-dark .drawer>a.active,.theme-dark .drawer-more a.active{background:#38bdf81f!important;color:#7dd3fc!important}.drawer-more{display:grid!important;gap:4px!important;padding:6px 0 0!important;margin-top:4px!important;border:0!important;outline:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}.theme-dark .drawer-more{background:transparent!important;border-radius:0!important;box-shadow:none!important;border:0!important;outline:0!important}.drawer-more strong{padding:0 12px 2px!important;color:#64748b!important;font-size:.62rem!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}.theme-dark .drawer-more strong{background:transparent!important;color:#7dd3fc!important;text-shadow:none!important}.drawer>.btn{margin-top:6px!important;justify-content:center!important}.drawer>a.btn{color:#fff!important;-webkit-text-fill-color:#ffffff!important}}@media(max-width:768px){.theme-dark .drawer .drawer-more>strong,.theme-dark .drawer strong{background:transparent!important;color:#7dd3fc!important;-webkit-text-fill-color:#7dd3fc!important;background-clip:border-box!important;-webkit-background-clip:border-box!important}.theme-dark .drawer-more{background:transparent!important;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important}}@media(max-width:768px){.drawer .drawer-more,.theme-dark .drawer .drawer-more{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}}.theme-dark .navbar,.theme-dark .navbar.nav-scrolled{background:#07111ff0!important;border-bottom-color:#334155e0!important}.theme-dark .brand strong,.theme-dark .nav-links a,.theme-dark .nav-more>button,.theme-dark .profile-pill small,.theme-dark .profile-pill button,.theme-dark .language-chip,.theme-dark .nav-search-trigger,.theme-dark .mobile-only{color:#f8fafc}.theme-dark .brand small{background:linear-gradient(135deg,#38bdf8,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.theme-dark .nav-links a.active,.theme-dark .nav-links a:hover,.theme-dark .nav-more>button.active,.theme-dark .nav-more>button:hover{color:#7dd3fc}.theme-dark .hero-stats{background:#0f172ae6!important;border-color:#334155db!important}.theme-dark .hero-stat{background:#0f172ab3!important;border-color:#334155d1!important}.theme-dark .stat-icon{background:#2563ff2e!important;color:#7dd3fc!important}.theme-dark .hero-stat.deep-purple .stat-icon,.theme-dark .hero-stat.purple .stat-icon,.theme-dark .hero-stat.violet .stat-icon{background:#7a3dff2e!important;color:#c4b5fd!important}.theme-dark .hero-stat.green .stat-icon{background:#16a34a2e!important;color:#86efac!important}@media(max-width:768px){.hero{min-height:auto!important;padding:22px 0 16px!important}.hero-grid{grid-template-columns:1fr!important;min-height:auto!important;gap:0!important}.hero-copy{max-width:100%!important;display:grid;justify-items:center;text-align:center}.hero-badge{justify-content:center;width:fit-content;max-width:100%;text-align:center}.hero-badge svg,.hero-visual,.hero-asset-stack,.hero-layer{display:none!important}.hero h1{max-width:100%;text-align:center}.hero p{max-width:100%;margin-left:auto;margin-right:auto;text-align:center}.hero-actions{width:100%;justify-content:center}.hero-actions .btn{justify-content:center}}@media(max-width:768px){.app *,.app *:before,.app *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.navbar,.nav-search-panel,.nav-more-menu,.drawer,.hero-badge,.hero-stats,.game-card,.product-card,.benefit,.review-card,.checkout-card,.panel,.topup-toolbar,.topup-list-card,.flash-banner,.modal,.toast{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hero-layer,.hero-asset-stack,.theme-toggle svg,.topup-list-card:before,.topup-list-card:after,.product-card:before,.game-card:before{filter:none!important;will-change:auto!important}.navbar,.game-card,.product-card,.benefit,.review-card,.checkout-card,.panel,.topup-list-card,.flash-banner,.empty-state{box-shadow:0 8px 22px #0f172a14!important}.hero-visual{display:none!important}}.product-card,.topup-list-card,.game-card,.benefit,.review-card,.article-card{content-visibility:auto;contain-intrinsic-size:320px 420px}.product-card.has-rendered,.topup-list-card.has-rendered,.game-card.has-rendered,.benefit.has-rendered,.review-card.has-rendered,.article-card.has-rendered{content-visibility:visible}.product-grid,.topup-list-grid,.benefit-grid,.article-grid{contain:layout paint}@media(hover:none),(pointer:coarse){.game-card:hover,.product-card:hover,.benefit:hover,.review-card:hover,.topup-list-card:hover,.article-card:hover{transform:none!important;box-shadow:var(--shadow)!important}.game-card:hover img,.product-card:hover img,.topup-list-card:hover img{transform:none!important}}@media(max-width:720px){.hero{min-height:auto;padding:18px 0;overflow:hidden}.hero:before{top:-28px;right:0;bottom:68px;left:0}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(108px,38%);gap:8px;min-height:0;align-items:center}.hero-copy{display:grid;justify-items:start;padding-top:0;text-align:left}.hero-badge{min-height:26px;max-width:100%;padding:0 9px;gap:6px;border-radius:9px;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-badge svg{width:14px;height:14px}.hero h1{max-width:230px;margin:10px 0 7px;font-size:clamp(1.42rem,7vw,1.9rem);line-height:1.06}.hero h1 span{width:auto}.hero p{max-width:220px;margin-bottom:0;font-size:.72rem;line-height:1.45}.hero-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px}.hero-actions .btn{width:100%;min-width:0;min-height:28px;padding:0 5px;border-radius:8px;font-size:.5rem;gap:3px}.hero-actions .btn svg{width:10px;height:10px}.hero-visual{order:initial;min-height:150px;margin:0;width:100%;max-width:none;overflow:visible;perspective:none;transform-style:flat}.hero-visual:before{right:-28px;top:18px;width:160px;height:110px;transform:none;opacity:.6}.hero-asset-stack{left:auto;right:auto;top:0;width:min(178px,46vw);height:150px;transform:none;transition:none;will-change:auto}.hero-layer{opacity:1;animation:none;transition:none;transform:none;will-change:auto}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(var(--layout-max),calc(100% - 18px));min-height:0;margin-top:12px;padding:8px;border-radius:14px}.hero-stat{grid-template-columns:28px minmax(0,1fr);gap:7px;min-width:0;padding:8px;border:0;border-radius:10px;background:#eef4ff94}.hero-stat:last-child{display:none}.stat-icon{width:28px;height:28px}.stat-icon svg{width:17px;height:17px}.hero-stat strong{font-size:.84rem}.hero-stat b{margin-top:2px;font-size:.56rem;line-height:1.1}.hero-stat small{display:none}#topup{overflow:hidden}#topup .section-title{position:relative;z-index:2}.home-topup-marquee{width:min(var(--layout-max),calc(100% - 18px));max-width:var(--layout-max);overflow:hidden}.home-topup-strip{display:flex;grid-template-columns:none;width:max-content;max-width:none;gap:8px;overflow:visible;padding:2px 0 8px;margin-left:0;margin-right:0;animation:homeTopupMarquee 18s linear infinite!important;transform:translateZ(0);will-change:transform}.home-topup-strip .topup-list-card{display:grid;grid-template-rows:92px 122px;flex:0 0 108px;width:108px;height:214px;min-height:0;max-height:214px;content-visibility:visible;contain-intrinsic-size:auto;overflow:hidden;border-radius:11px}.home-topup-strip .marquee-duplicate{display:grid}.home-topup-strip .topup-list-art{height:92px;min-height:0;border-radius:11px 11px 0 0}.home-topup-strip .topup-list-body{min-height:0;height:122px;gap:4px;padding:6px;align-content:space-between}.home-topup-strip .topup-game-meta{display:none}.home-topup-strip .topup-list-body h2{min-height:26px;max-height:34px;font-size:.62rem;line-height:1.18;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-topup-strip .topup-start-price span{font-size:.5rem}.home-topup-strip .topup-start-price b{font-size:.58rem}.home-topup-strip .topup-list-button{min-height:24px;padding:0 6px;border-radius:7px;font-size:.52rem}.home-topup-strip .topup-list-button svg{width:11px;height:11px}}@media(max-width:720px)and (hover:hover){.home-topup-strip:hover{animation-play-state:paused}}@media(max-width:380px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(92px,34%)}.hero h1{max-width:190px;font-size:1.28rem}.hero-actions{gap:4px}.hero-actions .btn{min-height:26px;font-size:.46rem;padding:0 4px}.hero-asset-stack{width:min(138px,42vw);height:128px}.home-topup-strip .topup-list-card{grid-template-rows:84px 114px;flex-basis:96px;width:96px;height:198px;max-height:198px}.home-topup-strip .topup-list-art{height:84px}.home-topup-strip .topup-list-body{height:114px}}@keyframes homeTopupMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 4px))}}@media(prefers-reduced-motion:reduce){.home-topup-marquee{overflow-x:auto}.home-topup-strip{animation:none!important}}@media(max-width:720px){.container.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.container.benefit-grid .benefit{min-width:0;padding:10px}}@media(max-width:720px){.footer{margin-top:42px;padding:46px 0 18px;overflow:hidden}.footer-wave{top:-42px;height:48px}.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;align-items:start}.footer-brand{grid-column:1 / -1;display:grid;justify-items:start;text-align:left}.footer .brand{justify-content:flex-start;gap:8px}.footer .brand-mark{width:38px;height:38px}.footer .brand strong{font-size:.95rem}.footer .brand small{font-size:.56rem;letter-spacing:.16em}.footer-brand p{max-width:320px;margin:10px 0 0;font-size:.74rem;line-height:1.55}.footer-badges{justify-content:flex-start;gap:7px;margin-top:12px}.footer-badges span,.footer-contact{min-height:30px;gap:6px;padding:0 9px;font-size:.66rem}.footer-badges svg,.footer-contact svg{width:13px;height:13px}.footer-links{min-width:0}.footer h3{margin-bottom:8px;font-size:.78rem}.footer-links a:not(.brand){padding:5px 0;font-size:.7rem;line-height:1.25}.footer-support{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;justify-items:stretch}.footer-support h3,.footer-contact{grid-column:1 / -1}.footer-contact{width:fit-content;max-width:100%;justify-self:center;margin-top:10px}.footer-contact span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-bottom{align-items:center;gap:6px;margin-top:22px;padding-top:14px;text-align:center;font-size:.66rem;line-height:1.45}}@media(max-width:380px){.footer-grid{gap:16px 10px}.footer h3{font-size:.72rem}.footer-links a:not(.brand){font-size:.66rem}}@media(max-width:720px){.container.testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.container.testimonials>div:first-child{grid-column:1 / -1;text-align:center}.testimonials .eyebrow{font-size:.62rem}.testimonials h2{margin:6px 0 4px;font-size:1.22rem;line-height:1.18}.testimonials>div:first-child p{max-width:300px;margin:0 auto;font-size:.7rem;line-height:1.45}.review-card{min-width:0;padding:10px;border-radius:12px}.review-card:nth-of-type(3){grid-column:1 / -1}.stars{font-size:.7rem;line-height:1}.review-card p{margin:7px 0;font-size:.66rem;line-height:1.38;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.review-card strong{display:block;font-size:.7rem;line-height:1.2}}@media(max-width:380px){.container.testimonials{gap:8px}.review-card{padding:8px}.review-card p{font-size:.62rem}}@media(max-width:720px){.container.testimonials{display:grid;grid-template-columns:1fr;gap:10px;overflow:visible;padding-bottom:0}.container.testimonials>div:first-child{flex:none;width:auto;scroll-snap-align:none}.testimonials-slider{display:flex;align-items:stretch;gap:10px;width:100%;min-width:0;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonials-slider::-webkit-scrollbar{display:none}.testimonials-slider .review-card{flex:0 0 78%;width:78%;max-width:260px;scroll-snap-align:start}.testimonials-slider .review-card:nth-of-type(3){grid-column:auto}}@media(max-width:380px){.testimonials-slider .review-card{flex-basis:82%;width:82%}}@media(max-width:720px){.topup-list-page .topup-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.topup-list-page .topup-list-card{border-radius:9px}.topup-list-page .topup-list-art{border-radius:9px 9px 0 0}.topup-list-page .topup-list-body{min-height:82px;gap:4px;padding:6px}.topup-list-page .topup-game-meta{display:none}.topup-list-page .topup-list-body h2{min-height:27px;font-size:.6rem;line-height:1.16;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topup-list-page .topup-start-price span{font-size:.5rem}.topup-list-page .topup-start-price b{font-size:.58rem}.topup-list-page .topup-card-footer{gap:4px}.topup-list-page .topup-list-button,.topup-list-page .topup-list-button.list-action-button{min-height:23px;padding:0 5px;border-radius:6px;font-size:.52rem;gap:3px}.topup-list-page .topup-list-button svg{width:10px;height:10px}}@media(max-width:380px){.topup-list-page .topup-list-grid{gap:6px}.topup-list-page .topup-list-body{padding:4px}.topup-list-page .topup-list-body h2{font-size:.54rem}.thumbs{grid-template-columns:repeat(4,minmax(0,46px))}.thumbs button{width:46px}}@media(max-width:720px){input,select,textarea,.field input,.field select,.field textarea,.search-field input,.filters select,.nav-search input,.auth-field input{font-size:16px}.detail-sections .info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.detail-sections .info-grid div{gap:3px;min-height:48px;padding:6px 5px;border-radius:8px}.detail-sections .info-grid span{font-size:.46rem;line-height:1.15}.detail-sections .info-grid b{font-size:.52rem;line-height:1.12;word-break:break-word}}@media(max-width:720px){.auth-page{min-height:100svh;grid-template-rows:auto auto auto;align-content:start;gap:8px;padding-bottom:14px}.auth-layout{display:grid;align-self:start;align-content:start;align-items:start;gap:8px}.auth-card{min-height:0;justify-content:flex-start;padding:18px 14px 16px}.auth-card-logo{width:44px;height:44px;margin-bottom:6px}.auth-card,.auth-visual{height:auto}.auth-card .auth-eyebrow{margin-top:0}.auth-card h1{margin-top:8px}.auth-footer{gap:8px;align-self:end}.auth-footer div{display:none}}@media(max-width:520px){.auth-page{width:min(100% - 16px,420px);padding-top:8px}.auth-card{padding:16px 12px 14px;border-radius:14px}.auth-topbar{gap:10px}.auth-footer{font-size:.64rem}}@media(max-width:380px){.detail-sections .info-grid{gap:4px}.detail-sections .info-grid div{min-height:44px;padding:5px 4px}.detail-sections .info-grid b{font-size:.48rem}}@media(max-width:720px){.page-banner-carousel{display:block;padding:0;overflow:hidden}.page-banner-mobile-track{display:flex;width:100vw;margin-inline:calc(50% - 50vw);gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.page-banner-mobile-track::-webkit-scrollbar{display:none}.page-banner-mobile-slide{position:relative;flex:0 0 100%;overflow:hidden;height:auto;min-height:0;aspect-ratio:2.85 / 1;border:1px solid rgba(226,232,240,.78);border-radius:18px;background:linear-gradient(135deg,#00ceff24,#7a3dff1f),#07111f;scroll-snap-align:center}.page-banner-mobile-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;object-fit:contain}.page-banner-main,.page-banner-side,.page-banner-arrow{display:none!important}.page-banner-dots{margin-top:8px}.page-banner-dots button{width:28px;height:4px}.section.page.topup-detail-page{padding-top:4px}.topup-detail-page,.topup-detail-page .container,.topup-detail-layout,.topup-detail-page .topup-game-panel,.topup-detail-page .topup-checkout-card{max-width:100%;overflow-x:hidden}.topup-detail-layout{grid-template-columns:minmax(0,1fr)!important;gap:0;align-items:start;height:auto;max-height:none;overflow:visible}.topup-detail-page .topup-game-panel{order:2;display:none;margin-top:0;padding:10px;border-radius:12px;position:relative;z-index:1;height:auto;max-height:none;overflow:visible;margin-bottom:0}.topup-detail-page .topup-game-copy{padding:0}.topup-detail-page .topup-game-copy .eyebrow{font-size:.58rem}.topup-detail-page .topup-game-copy .eyebrow svg{width:13px;height:13px}.topup-detail-page .topup-game-copy h1{margin:7px 0 5px;font-size:1rem;line-height:1.15}.topup-detail-page .topup-game-copy p{font-size:.68rem;line-height:1.4;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topup-detail-page .topup-game-toggle{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:0 12px;border:1px solid rgba(122,61,255,.18);border-radius:10px;background:#7a3dff14;color:var(--primary);font-size:.76rem;font-weight:900;cursor:pointer}.topup-detail-page .topup-game-toggle svg{flex:0 0 auto;transition:transform .18s ease}.topup-detail-page .topup-game-toggle.open svg{transform:rotate(180deg)}.topup-detail-page .topup-game-content{display:none;gap:8px;margin-top:0;padding:10px;border:1px solid rgba(226,232,240,.9);border-radius:12px;background:#fbfefffa;height:auto;max-height:none;overflow:visible}.topup-detail-page .topup-game-content>*{min-height:0}.topup-detail-page .topup-game-content.open{display:grid;margin-top:8px}.theme-dark .topup-detail-page .topup-game-content{background:#07111ffa}.theme-dark .topup-detail-page .topup-game-content.open{border-color:#334155e6;box-shadow:0 18px 46px #00000057}.topup-detail-page .topup-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0}.topup-detail-page .topup-info-grid div{min-height:52px;gap:3px;padding:7px 6px;border-radius:9px}.topup-detail-page .topup-info-grid b{font-size:.58rem;line-height:1.15}.topup-detail-page .topup-info-grid span{font-size:.5rem;line-height:1.25;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topup-detail-page .topup-help-notice{margin-top:8px;padding:8px;border-radius:9px}.topup-detail-page .topup-help-notice svg{width:15px;height:15px}.topup-detail-page .topup-help-notice b{font-size:.58rem}.topup-detail-page .topup-help-notice span{font-size:.5rem;line-height:1.25;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topup-detail-page .topup-help-card{grid-template-columns:28px minmax(0,1fr) auto;gap:8px;margin-top:8px;padding:8px;border-radius:10px}.topup-detail-page .topup-help-icon{width:28px;height:28px;border-radius:9px}.topup-detail-page .topup-help-icon svg{width:15px;height:15px}.topup-detail-page .topup-help-card h3{font-size:.66rem;line-height:1.15}.topup-detail-page .topup-help-card p{margin-top:2px;font-size:.52rem;line-height:1.25;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topup-detail-page .topup-help-card .btn{width:auto;min-height:26px;padding:0 8px;font-size:.58rem;border-radius:8px;white-space:nowrap}.topup-detail-page .topup-checkout-card{order:1;position:static;z-index:1;margin-top:0;margin-bottom:0;padding:18px 12px 14px;border-radius:14px;height:auto;max-height:none;overflow:visible}.topup-detail-page .topup-mobile-game-context{display:grid;gap:3px;margin-bottom:10px;padding:10px 11px;border:1px solid rgba(122,61,255,.16);border-radius:12px;background:linear-gradient(135deg,#2563ff14,#7a3dff14)}.topup-detail-page .topup-mobile-game-context span{color:var(--primary);font-size:.62rem;font-weight:950;text-transform:uppercase}.topup-detail-page .topup-mobile-game-context b{color:var(--navy);font-size:.92rem;line-height:1.2}.topup-detail-page .stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;margin:0 0 14px;padding-bottom:0}.topup-detail-page .stepper span{min-width:0;justify-content:center;gap:5px;font-size:.62rem;text-align:center}.topup-detail-page .stepper b{flex:0 0 auto;width:22px;height:22px}.topup-detail-page .topup-checkout-heading{margin-bottom:12px}.topup-detail-page .topup-checkout-heading h2{font-size:1.1rem;line-height:1.22}.topup-detail-page .topup-checkout-heading p{font-size:.76rem;line-height:1.45}.topup-detail-page .nominal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.topup-detail-page .nominal-grid button{min-width:0;padding:10px;border-radius:11px}.topup-detail-page .field,.topup-detail-page .voucher-row,.topup-detail-page .summary,.topup-detail-page .notice,.topup-detail-page .success-box,.topup-detail-page .nickname-badge{max-width:100%}.topup-detail-page .field input,.topup-detail-page .voucher-row input{min-width:0}.topup-detail-page .row.gap{display:grid;grid-template-columns:1fr;max-width:100%}}@media(max-width:380px){.topup-detail-page .topup-game-panel{padding:8px}.topup-detail-page .topup-info-grid{gap:5px}.topup-detail-page .topup-info-grid div{min-height:48px;padding:6px 5px}.topup-detail-page .topup-help-card{grid-template-columns:24px minmax(0,1fr)}.topup-detail-page .topup-help-card .btn{grid-column:1 / -1;width:100%}.topup-detail-page .stepper span{font-size:.58rem}.topup-detail-page .nominal-grid{gap:7px}}@media(max-width:720px){.navbar{overflow:visible}.nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";align-items:center;gap:8px 10px;min-height:0;padding:8px 0}.nav-inner>.nav-brand-area{grid-area:brand;min-width:0}.navbar.search-active .brand>span:last-child{width:0;opacity:0;overflow:hidden;pointer-events:none}.nav-actions .nav-search{flex:0 0 38px;width:38px;max-width:38px;min-width:38px;height:38px;border-radius:11px}.nav-actions .nav-search.expanded{position:absolute;top:50%;right:0;left:48px;z-index:120;flex-basis:auto;width:auto;max-width:none;min-width:0;padding-right:8px;gap:6px;box-shadow:0 8px 20px #2563ff0f;transform:translateY(-50%)}.nav-search-trigger{width:36px;height:36px;flex-basis:36px;border-radius:10px}.nav-actions .nav-search input{min-width:0;font-size:16px}.nav-actions .nav-search input::placeholder{font-size:.78rem}.nav-actions .nav-search>button:not(.nav-search-trigger){width:24px;height:24px}.nav-actions{grid-area:actions;justify-content:end;min-width:max-content}.drawer-search{display:none}.nav-search-panel{position:fixed;top:76px;left:9px;right:9px;z-index:120;width:auto;max-height:calc(100vh - 90px);padding:8px;border-radius:14px;transform:none;overscroll-behavior:contain}.nav-search-state{padding:10px;border-radius:10px;font-size:.74rem}.nav-search-group{gap:5px}.nav-search-group+.nav-search-group{margin-top:8px;padding-top:8px}.nav-search-group>span{font-size:.62rem}.nav-search-group button{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;min-height:50px;padding:6px;border-radius:11px}.nav-search-group img,.nav-search-group i{width:36px;height:36px;border-radius:10px}.nav-search-group strong{font-size:.76rem}.nav-search-group small{font-size:.64rem}.nav-search-group b,.nav-search-group em{max-width:78px;padding:5px 7px;font-size:.58rem}}@media(max-width:380px){.nav-inner{gap:7px}.nav-actions .nav-search{height:36px;flex-basis:36px;width:36px;max-width:36px;min-width:36px}.nav-actions .nav-search.expanded{position:absolute;top:50%;right:0;left:44px;z-index:120;flex-basis:auto;width:auto;max-width:none;min-width:0;transform:translateY(-50%)}.nav-search-trigger{width:34px;height:34px;flex-basis:34px}.nav-search-panel{top:72px;left:8px;right:8px;max-height:calc(100vh - 84px)}.nav-search-group button{grid-template-columns:32px minmax(0,1fr)}.nav-search-group b,.nav-search-group em{display:none}.nav-search-group img,.nav-search-group i{width:32px;height:32px}}.theme-dark .navbar,.theme-dark .navbar.nav-scrolled,.theme-dark .navbar.search-active{background:#07111ff5!important;border-bottom-color:#334155e0!important;color:#f8fafc!important}.theme-dark .brand strong,.theme-dark .nav-links a,.theme-dark .nav-more>button,.theme-dark .profile-pill,.theme-dark .profile-pill small,.theme-dark .profile-pill button,.theme-dark .language-chip,.theme-dark .nav-search-trigger,.theme-dark .icon-btn,.theme-dark .mobile-only,.theme-dark .drawer a,.theme-dark .drawer strong{color:#f8fafc!important}.theme-dark .brand small{background:linear-gradient(135deg,#38bdf8,#a78bfa)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.theme-dark .nav-links a.active,.theme-dark .nav-links a:hover,.theme-dark .nav-more>button.active,.theme-dark .nav-more>button:hover,.theme-dark .drawer a.active{color:#7dd3fc!important}.theme-dark .hero-stats{background:#0f172aeb!important;border-color:#334155db!important}.theme-dark .hero-stat{background:#0f172ab8!important;border-color:#334155d1!important}.theme-dark .hero-stat strong,.theme-dark .hero-stat b{color:#f8fafc!important}.theme-dark .hero-stat small{color:#94a3b8!important}.theme-dark .stat-icon{background:#2563ff33!important;color:#7dd3fc!important}.theme-dark .hero-stat.deep-purple .stat-icon,.theme-dark .hero-stat.purple .stat-icon,.theme-dark .hero-stat.violet .stat-icon{background:#7a3dff33!important;color:#c4b5fd!important}.theme-dark .hero-stat.green .stat-icon{background:#16a34a33!important;color:#86efac!important}@media(max-width:768px){.navbar{background:#fffffff0!important}.theme-dark .navbar,.theme-dark .navbar.nav-scrolled,.theme-dark .navbar.search-active{background:#07111ff7!important}.hero-copy,.hero h1,.hero p,.hero-badge{text-align:center!important}.hero-copy{justify-items:center!important;margin-left:auto!important;margin-right:auto!important}.hero h1,.hero p{margin-left:auto!important;margin-right:auto!important}.hero-actions{justify-content:center!important}.hero-stats{background:#ffffffe6!important}.theme-dark .hero-stats,.theme-dark .hero-stat{background:#0f172ae6!important}}.product-card .price,.topup-start-price b,.game-card-price b{width:fit-content;display:inline-flex;align-items:center;min-height:28px;padding:0;border-radius:0;background:none!important;color:#2563ff!important;-webkit-text-fill-color:#2563ff;box-shadow:none;font-size:.94rem!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important}.topup-start-price span,.game-card-price small{color:#64748b;font-weight:850}.theme-dark .product-card .price,.theme-dark .topup-start-price b,.theme-dark .game-card-price b{background:none!important;color:#7dd3fc!important;-webkit-text-fill-color:#7dd3fc;box-shadow:none}.theme-dark .topup-start-price span,.theme-dark .game-card-price small{color:#94a3b8!important}@media(max-width:768px){.product-card .price,.topup-start-price b,.game-card-price b{min-height:30px;padding:0;font-size:.86rem!important}.product-card-footer{gap:8px!important}.topup-start-price,.game-card-price{gap:4px}.topup-start-price span,.game-card-price small{font-size:.62rem!important}}@media(max-width:420px){.product-card .price{font-size:.82rem!important}.topup-start-price b,.game-card-price b{font-size:.78rem!important}}@media(max-width:720px){.auth-field input::placeholder{font-size:.72rem!important;font-weight:650!important;line-height:1.2!important}.auth-field input{font-size:16px!important}}@media(max-width:380px){.auth-field input::placeholder{font-size:.66rem!important}}@media(max-width:768px){.detail-sections .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.detail-sections .info-grid div{min-height:86px!important;gap:8px!important;padding:12px!important;border-radius:13px!important;background:#ffffffe6!important;border:1px solid rgba(226,232,240,.86)!important}.detail-sections .info-grid span{color:#64748b!important;font-size:.72rem!important;font-weight:850!important;line-height:1.2!important}.detail-sections .info-grid b{color:#0f172a!important;font-size:.94rem!important;font-weight:950!important;line-height:1.2!important;text-align:left!important;word-break:break-word!important}.theme-dark .detail-sections .info-grid div{background:#0f172ae6!important;border-color:#334155d6!important}.theme-dark .detail-sections .info-grid span{color:#94a3b8!important}.theme-dark .detail-sections .info-grid b{color:#f8fafc!important}}@media(max-width:380px){.detail-sections .info-grid{gap:8px!important}.detail-sections .info-grid div{min-height:78px!important;padding:10px!important}.detail-sections .info-grid span{font-size:.68rem!important}.detail-sections .info-grid b{font-size:.86rem!important}}@media(max-width:768px){.hero.section{min-height:auto!important;padding:18px 0 14px!important}.hero-grid{width:min(100% - 28px,390px)!important;min-height:auto!important;grid-template-columns:1fr!important;justify-items:center!important;align-items:center!important;gap:0!important}.hero-copy{width:100%!important;max-width:360px!important;display:grid!important;justify-items:center!important;gap:10px!important;padding:0!important;margin:0 auto!important;text-align:center!important}.hero-badge{max-width:100%!important;min-height:26px!important;padding:7px 11px!important;border-radius:999px!important;font-size:.58rem!important;line-height:1.1!important;letter-spacing:0!important;white-space:normal!important}.hero h1{max-width:320px!important;margin:0 auto!important;font-size:clamp(2.15rem,9.4vw,2.7rem)!important;line-height:1!important;text-align:center!important;text-wrap:balance}.hero h1 span{display:block;margin-top:2px}.hero p{max-width:292px!important;margin:0 auto!important;color:#93a4c7!important;font-size:.78rem!important;line-height:1.45!important;text-align:center!important}.hero-actions{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:2px auto 0!important}.hero-actions .btn{width:100%!important;min-width:0!important;min-height:40px!important;padding:0 10px!important;border-radius:11px!important;font-size:.74rem!important;justify-content:center!important;white-space:nowrap!important}.hero-actions .btn svg{width:15px!important;height:15px!important}.hero-stats{width:min(100% - 28px,390px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important;padding:8px!important;border-radius:14px!important}.hero-stat{grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important;padding:9px!important;border:0!important;border-radius:11px!important}.hero-stat:last-child{display:none!important}.stat-icon{width:28px!important;height:28px!important}.stat-icon svg{width:16px!important;height:16px!important}.hero-stat strong{font-size:.86rem!important}.hero-stat b{margin-top:2px!important;font-size:.58rem!important;line-height:1.12!important}.hero-stat small{display:none!important}}@media(max-width:380px){.hero-grid,.hero-stats{width:min(100% - 22px,350px)!important}.hero h1{max-width:286px!important;font-size:clamp(1.95rem,9vw,2.32rem)!important}.hero p{max-width:260px!important;font-size:.7rem!important}}.auth-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 4px}.auth-card .remember-check{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:34px;margin:0!important;padding:5px 10px 5px 6px;border:1px solid rgba(226,232,240,.86);border-radius:999px;background:#f8fafce6;color:#475569!important;font-size:.78rem!important;font-weight:850;line-height:1}.auth-card .remember-check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:20px!important;height:20px!important;margin:0!important;border:2px solid rgba(148,163,184,.8);border-radius:7px;background:#fff;cursor:pointer}.auth-card .remember-check input:checked{border-color:transparent;background:linear-gradient(135deg,#2563ff,#7a3dff)}.auth-card .remember-check input:checked:after{content:"";width:8px;height:4px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.auth-card .forgot-link{color:#2563ff;font-size:.78rem;font-weight:900;text-decoration:none;white-space:nowrap}.auth-card .forgot-link:hover{text-decoration:underline}.theme-dark .auth-card .remember-check{border-color:#334155db;background:#0f172ac7;color:#e2e8f0!important}.theme-dark .auth-card .remember-check input{border-color:#94a3b88c;background:#0f172af2}.theme-dark .auth-card .remember-check input:checked{border-color:transparent;background:linear-gradient(135deg,#38bdf8,#7c3aed)}.theme-dark .auth-card .forgot-link{color:#7dd3fc}@media(max-width:420px){.auth-options-row{gap:8px}.auth-card .remember-check{padding-right:8px;font-size:.72rem!important}.auth-card .forgot-link{font-size:.72rem}}.auth-card{text-align:center}.auth-card-logo{margin-right:auto;margin-left:auto}.auth-card-brand-name{display:block;margin:0 auto 5px;color:#0f172a;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:950;line-height:1;letter-spacing:0}.auth-card .auth-eyebrow{justify-content:center;margin-right:auto;margin-left:auto}.auth-card h1,.auth-card>p{margin-right:auto;margin-left:auto;text-align:center}.auth-card .auth-field,.auth-card .checkline,.auth-card .auth-options-row,.auth-card .form-error,.auth-card .switch-auth{text-align:left}.theme-dark .auth-card-brand-name{color:#f8fafc}@media(max-width:520px){.auth-card-logo{margin-bottom:8px}.auth-card-brand-name{font-size:.96rem}.auth-card>p{max-width:310px}}@media(max-width:720px){.auth-layout{align-items:start;gap:8px}.auth-visual{order:-1;display:grid!important;grid-template-rows:1fr;width:100%;min-height:0;max-height:96px;aspect-ratio:16 / 3.8;padding:8px 12px;border-radius:14px;overflow:hidden;text-align:center;background:radial-gradient(circle at 82% 18%,rgba(122,61,255,.2),transparent 9rem),radial-gradient(circle at 14% 76%,rgba(0,194,255,.14),transparent 8rem),linear-gradient(135deg,#ffffffeb,#f8faffcc)}.auth-visual:before,.auth-feature-row{display:none}.auth-visual-copy{align-self:center;max-width:100%;margin:0 auto}.auth-visual h2{margin-bottom:3px;font-size:clamp(.82rem,3.9vw,1rem);line-height:1}.auth-visual-copy p{max-width:280px;margin:0 auto;font-size:clamp(.54rem,2.25vw,.62rem);line-height:1.22}.theme-dark .auth-visual{background:radial-gradient(circle at 82% 18%,rgba(124,58,237,.26),transparent 9rem),radial-gradient(circle at 14% 76%,rgba(56,189,248,.13),transparent 8rem),linear-gradient(135deg,#0f172af5,#111827db)}}@media(max-width:420px){.auth-visual{max-height:84px;aspect-ratio:16 / 3.9;padding:7px 10px;border-radius:12px}.auth-visual h2{font-size:.82rem}.auth-visual-copy p{max-width:230px;font-size:.52rem}}@media(max-width:720px){.orders-page .container{width:min(100% - 18px,460px)}.orders-page .page-heading{margin-bottom:12px;text-align:center}.orders-page .page-heading .eyebrow{justify-content:center;margin-inline:auto}.orders-page .page-heading h1{font-size:1.34rem}.orders-page .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.orders-page .tabs button{min-height:34px;padding:0 8px;border-radius:10px;font-size:.68rem;white-space:nowrap}.orders-page .order-search{max-width:none;margin-bottom:12px}.orders-page .order-list{gap:10px}.orders-page .order-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;padding:12px;border-radius:14px}.orders-page .order-card>div{min-width:0}.orders-page .order-card>div:first-child,.orders-page .order-card>div:nth-child(3),.orders-page .order-card-actions{grid-column:1 / -1}.orders-page .order-card small{margin-bottom:3px;font-size:.58rem;line-height:1.1;text-transform:uppercase;letter-spacing:.03em}.orders-page .order-card b{display:block;font-size:.76rem;line-height:1.28;word-break:break-word}.orders-page .order-card>div:first-child b{padding:8px 10px;border-radius:10px;background:#2563ff14;color:#2563ff;font-size:.78rem}.orders-page .order-card>div:nth-child(5) b{color:#7a3dff;font-size:.9rem;font-weight:950}.orders-page .order-card .badge{justify-self:start;align-self:end}.orders-page .order-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:8px;padding-top:2px}.orders-page .order-card-actions .btn{width:100%;min-height:34px;justify-content:center}.orders-page .order-card-actions .btn:last-child{grid-column:1 / -1}.theme-dark .orders-page .order-card>div:first-child b{background:#38bdf81f;color:#7dd3fc}.theme-dark .orders-page .order-card>div:nth-child(5) b{color:#c4b5fd}}@media(max-width:380px){.orders-page .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.orders-page .order-card{padding:10px}.orders-page .order-card b{font-size:.7rem}.orders-page .order-card>div:nth-child(5) b{font-size:.82rem}}@media(max-width:720px){.tracking-page .container{width:min(100% - 18px,460px)}.tracking-page-heading{max-width:360px;margin-bottom:14px}.tracking-page-heading .eyebrow{justify-content:center;margin-inline:auto}.tracking-page-heading h1{margin:8px 0 6px;font-size:1.38rem;line-height:1.16}.tracking-page-heading p{max-width:320px;margin-inline:auto;font-size:.78rem;line-height:1.45}.tracking-search-box{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.tracking-search-box .search-field,.tracking-search-box .btn{min-height:42px;width:100%}.tracking-start-card{gap:8px;margin:14px auto;padding:20px 16px;border-radius:14px}.tracking-start-card svg{width:24px;height:24px}.tracking-start-card h2{font-size:1rem;line-height:1.2}.tracking-start-card p{max-width:280px;font-size:.74rem;line-height:1.45}.public-tracking-layout{grid-template-columns:1fr;gap:12px;margin-top:10px}.tracking-page .panel,.tracking-page .checkout-card{padding:14px;border-radius:14px}.tracking-header{gap:8px;padding-bottom:12px}.tracking-header .eyebrow{width:fit-content}.tracking-header>div{grid-template-columns:1fr;gap:8px;justify-items:start}.tracking-header h1{font-size:1rem;line-height:1.25}.tracking-header p{font-size:.74rem;line-height:1.45}.tracking-status{min-height:28px;padding:0 10px;font-size:.68rem}.tracking-page .timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.tracking-page .timeline div{min-height:76px;gap:7px;padding:9px;border-radius:11px}.tracking-page .timeline span{width:26px;height:26px;font-size:.68rem}.tracking-page .timeline b{font-size:.66rem;line-height:1.22}.tracking-page .tracking-info-grid{grid-template-columns:1fr;gap:10px;margin-top:12px}.tracking-page .info-block{padding:12px;border-radius:12px}.tracking-page .info-block h2{font-size:.9rem}.tracking-page .info-block div{grid-template-columns:minmax(82px,.46fr) minmax(0,1fr);gap:8px;padding:8px 0;font-size:.72rem}.tracking-page .info-block b{overflow-wrap:anywhere;text-align:right}.tracking-page .sticky-summary{position:static;gap:10px}.tracking-page .summary{margin:0 0 8px}.tracking-page .sticky-summary .btn{width:100%;justify-content:center}.tracking-page .help-card{padding:12px;border-radius:12px}.tracking-page .help-card h3{margin-top:0;font-size:.92rem}.tracking-page .help-card p{font-size:.72rem;line-height:1.45}}@media(max-width:380px){.tracking-page .timeline{gap:6px}.tracking-page .timeline div{min-height:70px;padding:8px}.tracking-page .info-block div{grid-template-columns:1fr;gap:3px}.tracking-page .info-block b{text-align:left}}@media(max-width:720px){.eyebrow,.badge,.chip,.btn,.btn.small,.field input,.field select,.search-field input,.filters select{font-size:.76rem!important}.topup-detail-page input,.topup-detail-page select,.topup-detail-page textarea,.topup-detail-page button{font-size:16px!important}.page-heading p,.section-title p,.panel p,.help-card p,.notice,.success-box,.summary,.info-block div,.detail-list div,.success-details div{font-size:.78rem!important}.game-card small,.game-card-price small,.product-card small,.article-card p,.article-meta,.article-kicker,.topup-list-body small,.topup-start-price span,.topup-game-meta .badge,.footer-grid p,.footer-grid a,.auth-card .checkline,.switch-auth{font-size:.68rem!important}.game-card strong,.product-body h3,.article-card h2,.topup-list-body h2{font-size:.76rem!important;line-height:1.24!important}.game-card-price b,.product-card .price,.topup-start-price b,.mini-link{font-size:.78rem!important;line-height:1.18!important}.topup-list-button,.topup-list-button.list-action-button,.product-card .btn,.article-card .btn{font-size:.64rem!important}.home-topup-strip .topup-list-body h2,.topup-list-page .topup-list-body h2{font-size:.68rem!important;min-height:32px}.home-topup-strip .topup-start-price b,.topup-list-page .topup-start-price b{font-size:.72rem!important}.home-topup-strip .topup-start-price span,.topup-list-page .topup-start-price span{font-size:.62rem!important}.auth-visual h2{font-size:.96rem!important}.auth-visual-copy p{font-size:.62rem!important;line-height:1.28!important}.orders-page .order-card small{font-size:.66rem!important}.orders-page .order-card b,.tracking-page .timeline b,.tracking-page .info-block div,.tracking-status{font-size:.74rem!important}}@media(max-width:380px){.page-heading p,.section-title p,.panel p,.help-card p,.notice,.success-box,.summary,.info-block div{font-size:.74rem!important}.game-card strong,.product-body h3,.article-card h2,.topup-list-body h2{font-size:.7rem!important}.game-card-price b,.product-card .price,.topup-start-price b{font-size:.72rem!important}.topup-list-button,.topup-list-button.list-action-button{font-size:.6rem!important}.page-banner-mobile-slide{height:auto;min-height:0;aspect-ratio:2.85 / 1}}@media(max-width:720px){.topup-start-price b,.game-card-price b,.product-card .price,.big-price,.summary .total strong{font-size:.95rem!important;line-height:1.12!important;font-weight:950!important}.home-topup-strip .topup-start-price b,.topup-list-page .topup-start-price b{font-size:.86rem!important}}@media(max-width:380px){.topup-start-price b,.game-card-price b,.product-card .price,.summary .total strong{font-size:.88rem!important}.home-topup-strip .topup-start-price b,.topup-list-page .topup-start-price b{font-size:.8rem!important}}@media(max-width:720px){.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.nav-actions .nav-search,.nav-actions .icon-btn,.nav-actions .theme-toggle,.nav-actions .mobile-only,.nav-actions .nav-square{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;flex:0 0 38px!important;display:inline-grid!important;place-items:center!important;padding:0!important;border-radius:11px!important;line-height:1!important}.nav-actions .nav-search-trigger{width:100%!important;height:100%!important;min-width:0!important;flex:0 0 auto!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:inherit!important}.nav-actions .icon-btn svg,.nav-actions .theme-toggle svg,.nav-actions .mobile-only svg,.nav-actions .nav-search-trigger svg,.nav-actions .nav-square svg{display:block;width:19px!important;height:19px!important;margin:0!important;flex:0 0 auto}.nav-actions .with-badge{position:relative}.nav-actions .with-badge b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:999px;font-size:.56rem;line-height:1;transform:none}.nav-actions .nav-search.expanded{display:flex!important;width:auto!important;max-width:none!important;height:40px!important;flex:1 1 auto!important;place-items:initial!important}}@media(max-width:380px){.nav-actions{gap:6px}.nav-actions .nav-search,.nav-actions .icon-btn,.nav-actions .theme-toggle,.nav-actions .mobile-only,.nav-actions .nav-square{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;flex-basis:36px!important}.nav-actions .icon-btn svg,.nav-actions .theme-toggle svg,.nav-actions .mobile-only svg,.nav-actions .nav-search-trigger svg,.nav-actions .nav-square svg{width:18px!important;height:18px!important}}@media(max-width:720px){.cart-page .container{width:min(100% - 18px,460px)}.cart-page .page-heading{margin:0 0 14px;text-align:center}.cart-page .page-heading .eyebrow{justify-content:center;margin-inline:auto}.cart-page .page-heading h1{margin:8px 0 6px;font-size:1.34rem;line-height:1.18}.cart-page .page-heading p{max-width:320px;margin-inline:auto;font-size:.78rem;line-height:1.48}.cart-page .cart-layout{grid-template-columns:1fr;gap:12px}.cart-page .cart-list{gap:10px}.cart-page .cart-item{grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;padding:10px;border-radius:14px}.cart-page .cart-item-art{width:82px;height:auto;aspect-ratio:4 / 5;border-radius:11px}.cart-page .cart-item-body{min-width:0}.cart-page .cart-item-body .row.between{display:flex;align-items:center;gap:6px;min-width:0}.cart-page .cart-item-body .row.between small{min-width:0;overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.cart-page .cart-item-body .badge{flex:0 0 auto;min-height:22px;padding:0 7px;font-size:.62rem!important}.cart-page .cart-item-body h2{display:-webkit-box;margin:5px 0;overflow:hidden;color:var(--navy);font-size:.86rem;line-height:1.24;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cart-page .cart-item-body p{margin-bottom:7px;font-size:.7rem;line-height:1.35}.cart-page .cart-item-body .price{color:var(--primary);font-size:.98rem!important;font-weight:950;line-height:1.1}.cart-page .cart-item-actions{grid-column:1 / -1;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;justify-items:stretch}.cart-page .cart-item-actions .icon-btn{width:42px;height:36px;border-radius:10px}.cart-page .cart-item-actions .btn{width:100%;min-height:36px;justify-content:center}.cart-page .sticky-summary{position:static;display:grid;gap:10px;padding:14px;border-radius:14px}.cart-page .summary,.cart-page .sticky-summary .notice{margin:0}.cart-page .sticky-summary .btn{width:100%;justify-content:center}}@media(max-width:380px){.cart-page .cart-item{grid-template-columns:72px minmax(0,1fr);gap:8px}.cart-page .cart-item-art{width:72px}.cart-page .cart-item-body h2{font-size:.8rem}.cart-page .cart-item-body .price{font-size:.9rem!important}}@media(max-width:720px){.navbar.search-active{transform:none!important}.navbar.search-active .nav-inner{z-index:130}.nav-actions .nav-search.expanded{height:42px!important;border-radius:13px!important;background:var(--card)!important}.nav-search-panel{position:fixed!important;top:64px!important;right:0!important;bottom:0!important;left:0!important;z-index:119!important;width:100vw!important;max-height:none!important;padding:14px 12px 24px!important;border:0!important;border-top:1px solid rgba(226,232,240,.82)!important;border-radius:0!important;background:#fffffffa!important;box-shadow:0 18px 46px #0f172a1f!important;overflow-y:auto!important;overscroll-behavior:contain!important}.nav-search-state{margin-bottom:12px!important;padding:13px 14px!important;border-radius:13px!important;background:#eef4ffe6!important;font-size:.82rem!important;line-height:1.45!important}.nav-search-group{gap:8px!important}.nav-search-group+.nav-search-group{margin-top:14px!important;padding-top:14px!important}.nav-search-group>span{padding:0 2px!important;font-size:.72rem!important}.nav-search-group button{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:58px!important;gap:10px!important;padding:8px!important;border-radius:14px!important;background:#f8faffc7!important;border-color:#e2e8f0c7!important}.nav-search-group img,.nav-search-group i{width:44px!important;height:44px!important;border-radius:12px!important}.nav-search-group strong{font-size:.86rem!important}.nav-search-group small{font-size:.72rem!important}.nav-search-group b,.nav-search-group em{max-width:86px!important;padding:5px 8px!important;font-size:.66rem!important}.theme-dark .nav-search-panel{border-top-color:#334155e6!important;background:#07111ffa!important}.theme-dark .nav-search-state,.theme-dark .nav-search-group button{background:#0f172aeb!important;border-color:#334155d1!important}}@media(max-width:380px){.nav-search-panel{top:60px!important;padding:12px 10px 22px!important}.nav-search-group button{grid-template-columns:40px minmax(0,1fr) auto!important;min-height:54px!important}.nav-search-group img,.nav-search-group i{width:40px!important;height:40px!important}}.mobile-search-screen{display:none}@media(max-width:720px){.navbar.search-active .nav-search-panel{display:none!important}.mobile-search-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:block;overflow-y:auto;padding:16px 12px 28px;background:radial-gradient(circle at 18% 4%,rgba(255,255,255,.46),transparent 13rem),radial-gradient(circle at 86% 20%,rgba(122,61,255,.14),transparent 12rem),linear-gradient(180deg,#00ceff,#dff7ff 46%,#f4fcff);color:#0f172a;overscroll-behavior:contain}.mobile-search-box{display:grid;grid-template-columns:38px minmax(0,1fr) 54px;align-items:center;gap:8px;min-height:58px;padding:6px;border:1px solid rgba(122,61,255,.28);border-radius:18px;background:#fbfefff5;box-shadow:0 12px 28px #0f172a14}.mobile-search-back,.mobile-search-submit{border:0;display:grid;place-items:center;cursor:pointer}.mobile-search-back{width:38px;height:38px;border-radius:12px;background:transparent;color:#ef4444}.mobile-search-box input{width:100%;border:0;outline:0;background:transparent;color:#0f172a;font-size:16px;font-weight:700}.mobile-search-box input::placeholder{color:#94a3b8;font-weight:600}.mobile-search-submit{height:40px;border-radius:999px;background:var(--gradient);color:#fff}.mobile-search-chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px}.mobile-search-chips button{min-height:36px;border:0;border-radius:999px;padding:0 14px;background:#f1f5f9;color:#111827;font-size:.86rem;font-weight:800}.mobile-search-content{display:grid;gap:12px;width:100%;max-width:520px;margin:0 auto}.mobile-search-section h2{margin:0 0 10px;color:#0f172a;font-size:1rem;font-weight:950}.mobile-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.mobile-search-grid button{display:grid;grid-template-rows:auto 1fr;gap:8px;min-width:0;min-height:196px;border:1px solid #e2e8f0;border-radius:12px;padding:8px;background:#fbfefff5;color:#0f172a;text-align:left;box-shadow:0 8px 18px #0f172a0d}.mobile-search-grid img,.mobile-search-grid i{width:100%;aspect-ratio:1 / .72;border-radius:9px;object-fit:cover;background:#eef4ff}.mobile-search-grid i{display:grid;place-items:center;color:var(--primary);font-style:normal}.mobile-search-grid strong,.mobile-search-grid small{display:block}.mobile-search-grid span{display:grid;align-content:start;gap:4px;min-width:0}.mobile-search-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-search-grid strong{display:-webkit-box;overflow:hidden;color:#0f172a;font-size:.82rem;line-height:1.25;min-height:2.05em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mobile-search-grid small{color:#64748b;font-size:.68rem;line-height:1.2}.mobile-search-price{display:block;margin-top:2px;color:var(--primary);font-size:.82rem;font-style:normal;font-weight:950;line-height:1.2}.theme-dark .mobile-search-screen,.theme-dark .mobile-search-box,.theme-dark .mobile-search-grid button{background:#07111f;color:#f8fafc}.theme-dark .mobile-search-box,.theme-dark .mobile-search-grid button{border-color:#334155e6}.theme-dark .mobile-search-box input,.theme-dark .mobile-search-section h2,.theme-dark .mobile-search-grid strong{color:#f8fafc}.theme-dark .mobile-search-price{color:#7dd3fc}.theme-dark .mobile-search-chips button{background:#111c2f;color:#e2e8f0}}@media(max-width:360px){.mobile-search-grid{gap:8px}.mobile-search-grid button{min-height:184px;padding:7px}.mobile-search-grid strong{font-size:.78rem}.mobile-search-grid small{font-size:.64rem}.mobile-search-price{font-size:.76rem}}@media(max-width:720px){.articles-page .articles-search input,.marketplace-page .search-field input,.tracking-page .tracking-search-box input,.orders-page .order-search input{font-size:16px!important}}