*{box-sizing:border-box}:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#7d8799;--primary:#2563eb;--primary2:#4f46e5;--brand-dark:#232060;--dark-line:#ffffff24;--line:#e8ecf3;--danger:#ff4757}body{color:var(--text);scroll-behavior:smooth;background:linear-gradient(135deg,#f5f7fb 0%,#e4e9f2 100%);min-height:100vh;margin:0;font-family:Outfit,sans-serif}.phone{background:var(--bg);width:100%;max-width:480px;min-height:100vh;margin:auto;overflow:hidden}.top{text-align:center;background:linear-gradient(#eef3ff 0%,#f5f7fb 100%);border-bottom:1px solid #e8ecf3cc;padding:22px 16px 14px;animation:.6s ease-out forwards munculBerurutan}.home-header{flex-direction:column;gap:14px;padding:0 16px 16px;display:flex}.home-navbar{border-bottom:1px solid var(--dark-line);background:linear-gradient(135deg,#3b82f6,#8b5cf6);justify-content:space-between;align-items:center;width:calc(100% + 32px);margin:0 -16px;padding:1px 16px;display:flex}.home-navbar .logo{align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.home-navbar .logo:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 42%,#ffffffb3 50%,#fff0 58%) 100% 0/300% 100%;animation:3s infinite home-logo-shine;position:absolute;inset:0;-webkit-mask-image:url(/images/logo.png);mask-image:url(/images/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.home-navbar-actions{align-items:center;gap:8px;display:flex}.header-action-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 8px;transition:background .18s,border-color .18s;display:flex}.header-action-button:hover,.header-action-button:focus-visible{background:#2563eb2e;outline:none}.header-login-button{-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:25px;gap:8px;padding:0 12px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0000000d}.header-login-button:hover,.header-login-button:focus-visible{background:#ffffff40;border-color:#fff9;transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.login-label{color:#fff;font-weight:700}.banner-slider{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;background-color:#eaeaea;position:relative;overflow:hidden}.banner-style-1{border-radius:8px;width:calc(100% + 445px);max-width:100%;margin:0 auto}.banner-style-2{border-radius:0;width:calc(100% + 32px);max-width:none;margin:-14px -16px 0}.banner-slider:active{cursor:grabbing}.banner-slider:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.banner-slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;inset:0}.banner-slide.is-active{object-fit:contain;opacity:1;width:100%;height:auto;display:block;position:relative;inset:auto}.banner-pagination{justify-content:center;align-items:center;gap:5px;height:16px;margin:-8px 0 -24px;display:flex}.banner-pagination-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:16px;height:16px;padding:0;display:grid}.banner-pagination-button.is-active{width:56px}.banner-pagination-button span{background:#c9d2e3;border-radius:50%;width:6px;height:6px;transition:width .2s,background .2s;display:block}.banner-pagination-button.is-active span{background:#c9d2e3;border-radius:99px;width:48px;height:4px;position:relative;overflow:hidden}.banner-pagination-button.is-active span:after{border-radius:inherit;background:var(--brand-light,#9dc1ff);content:"";transform-origin:0;animation:linear forwards banner-pagination-progress;animation-duration:inherit;position:absolute;inset:0;transform:scaleX(0)}@keyframes banner-pagination-progress{to{transform:scaleX(1)}}.banner-pagination-button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.logo{justify-content:center;align-items:center;width:110px;height:70px;margin:0 auto 10px;display:flex}.logo img{object-fit:contain;width:100%;height:100%}.home-search{width:100%;margin:0}.home-drawer-backdrop{z-index:100000;background:#090e1ead;animation:.2s both homeDrawerFadeIn;position:fixed;inset:0}.home-drawer{color:#fff;background:#28344a;width:min(280px,84vw);height:100%;padding:0 14px 20px;animation:.26s cubic-bezier(.2,.75,.25,1) both homeDrawerSlideIn;overflow-y:auto;box-shadow:8px 0 32px #05091847}.home-drawer-header{border-bottom:1px solid var(--dark-line);justify-content:space-between;align-items:center;min-height:54px;display:flex}.home-drawer-header img{object-fit:contain;width:auto;max-width:120px;height:32px;display:block}.home-drawer-header button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.home-drawer-header button:hover,.home-drawer-header button:focus-visible{background:#2563eb2e}.home-drawer-nav{flex-direction:column;padding-top:8px;display:flex}.home-drawer-nav button,.home-drawer-nav a{color:#ffffffe6;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:0 8px;font-size:13px;text-decoration:none;transition:background .16s,color .16s;display:flex}.home-drawer-nav button:nth-child(5){border-top:1px solid var(--dark-line);border-radius:0;margin-top:8px;padding-top:8px}.home-drawer-bottom-group{border-top:1px solid var(--dark-line);flex-direction:column;margin-top:8px;padding-top:8px;display:flex}.home-drawer-nav button:hover,.home-drawer-nav a:hover,.home-drawer-nav button:focus-visible,.home-drawer-nav a:focus-visible{color:#fff;background:#2563eb2e;outline:none}.home-drawer-nav svg{color:#c7d2fe;flex:none;width:18px;height:18px}@keyframes homeDrawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes homeDrawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.home-drawer-backdrop,.home-drawer,.home-navbar .logo:after{animation-duration:.01ms}}.about-me{border:1px solid var(--dark-line);color:#fff;text-align:left;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:0;margin-top:4px;padding:24px 16px}.about-me-logo{justify-content:space-between;align-items:center;margin-bottom:12px;animation:.6s ease-out .75s forwards munculBerurutan;display:flex}.about-me-logo img{width:auto;max-height:60px}h1{letter-spacing:-.7px;color:#fff;margin:10px 0 3px;font-size:23px}.tagline{color:#fff;letter-spacing:-.2px;margin:0;font-size:14px;font-weight:600;animation:.6s ease-out .75s forwards munculBerurutan}.subtitle{color:#fff;margin:0;font-size:12px;animation:.6s ease-out .75s forwards munculBerurutan}.about-links{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:30px;animation:.6s ease-out .75s forwards munculBerurutan;display:grid}.about-link-group+.about-link-group{padding-left:0}.about-link-title{color:#fff;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.about-link-items{flex-direction:column;display:flex}.about-link-items a,.about-link-items button{color:#ffffffeb;text-align:left;cursor:pointer;appearance:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:2px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .18s,padding .18s;display:flex}.about-link-items button{width:100%}.about-link-items a:hover,.about-link-items button:hover{color:#c7d2fe;padding-left:6px}.about-link-items a:focus-visible,.about-link-items button:focus-visible{outline-offset:2px;outline:2px solid #c7d2fe}.about-link-arrow{opacity:.65;flex:none;width:15px;height:15px}.search{border:1px solid var(--line);color:#9aa3b2;background:#fff;border-radius:13px;align-items:center;margin-top:15px;padding:11px 13px;font-size:13px;display:flex;position:relative;box-shadow:0 3px 12px #1928460a}.search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1}.search-placeholder{color:#9aa3b2;white-space:nowrap;pointer-events:none;animation:.45s both searchHintSlideUp;position:absolute;left:38px;overflow:hidden}@keyframes searchHintSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.search input::placeholder{color:#9aa3b2}.search:focus-within{border-color:#93b4ff;box-shadow:0 5px 18px #2563eb21,0 0 0 3px #2563eb14}.tabs{z-index:5;opacity:0;background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 14px;animation:.6s ease-out .15s forwards munculBerurutan;display:grid;position:relative}.tab{-webkit-backdrop-filter:blur(8px);color:#64748b;cursor:pointer;background:#ffffffb3;border:1px solid #2563eb26;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-family:poppins,sans-serif;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #00000005}.tab.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 18px #2563eb47}.tab:hover:not(.active){border-color:var(--primary);color:var(--primary);background:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #2563eb14}.flash-sale-container{color:#fff;opacity:0;background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);border-radius:18px;margin:0 14px;padding:14px;animation:.6s ease-out .25s forwards munculBerurutan;position:relative;overflow:hidden;box-shadow:0 10px 25px #ff475747}.flash-sale-container:before{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.flash-header{border-bottom:1px dashed #ffffff4d;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.flash-title-wrap{align-items:center;gap:6px;display:flex}.flash-icon{font-size:18px;animation:1s infinite alternate flashPulse}.flash-title{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:900;line-height:1.1}.flash-sub{opacity:.9;font-size:9.5px;font-weight:500}.countdown-timer{align-items:center;gap:3px;display:flex}.time-box{color:#fff;text-align:center;background:#111827;border-radius:6px;min-width:22px;padding:3px 6px;font-size:11px;font-weight:800;box-shadow:0 2px 4px #0003}.time-sep{color:#fff;font-size:12px;font-weight:800}.promo-badges{scrollbar-width:none;-ms-overflow-style:none;gap:6px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow-x:auto}.promo-badges::-webkit-scrollbar{display:none}.p-badge{white-space:nowrap;letter-spacing:.3px;border-radius:99px;align-items:center;gap:4px;padding:5px 10px;font-size:9.5px;font-weight:900;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000026}.p-badge svg{width:11px;height:11px}.p-badge:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:50%;height:100%;animation:3.5s ease-in-out infinite shineBadge;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.b-red{color:#ffccd5;background:#881326;border:1px solid #ffffff26}.b-orange{color:#78350f;background:#ffb703;border:1px solid #ffffff4d}.b-blue{color:#fff;background:#2563eb;border:1px solid #fff3}.b-red svg{animation:1.5s infinite pulseIcon}.flash-grid-wrapper{cursor:grab;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.flash-grid-wrapper::-webkit-scrollbar{display:none}.flash-grid-wrapper.is-dragging{cursor:grabbing}.flash-grid-wrapper.is-dragging .flash-grid{animation-play-state:paused}.flash-grid{gap:8px;width:max-content;animation:15s linear infinite marquee-scroll;display:flex}.flash-grid:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 4px))}}.flash-card{color:var(--text);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;padding:6px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.flash-card:active{transform:scale(.97)}.flash-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px #2563eb38}.flash-badge{color:#fff;z-index:2;transform-origin:0 0;background:#ff4757;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:900;animation:2.5s ease-in-out infinite tertiupAngin;position:absolute;top:4px;left:4px;box-shadow:1px 2px 4px #00000026}.flash-card:first-child .flash-badge{animation-delay:0s}.flash-card:nth-child(2) .flash-badge{animation-delay:.3s}.flash-card:nth-child(3) .flash-badge{animation-delay:.6s}.flash-pic{aspect-ratio:1;background:#f4f6fa;border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:6px;display:flex;overflow:hidden}.flash-pic img{object-fit:contain;width:100%;height:100%}.flash-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10px;font-weight:800;overflow:hidden}.flash-price-wrap{flex-direction:column;align-items:flex-start;gap:0;margin-top:2px;display:flex}.flash-price{color:#ff4757;font-size:10.5px;font-weight:900;line-height:1.2}.flash-old{color:#a7afbd;font-size:8.5px;line-height:1;text-decoration:line-through}.stock-bar-wrap{margin-top:6px}.stock-text{color:#697386;justify-content:space-between;margin-bottom:2px;font-size:7.5px;font-weight:700;display:flex}.stock-bar{background:#ffe0e3;border-radius:99px;height:4px;overflow:hidden}.stock-fill{background:linear-gradient(90deg,#ff4757,#ff6b81);border-radius:99px;height:100%}.section{opacity:0;padding:14px;scroll-margin-top:15px;animation:.6s ease-out .35s forwards munculBerurutan}.section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{letter-spacing:.2px;font-size:12px;font-weight:800}.count{color:#9aa3b2;font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.product{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:16px;flex-direction:column;padding:10px;transition:all .15s;display:flex;position:relative;box-shadow:0 10px 30px #11182708}.product:active{transform:scale(.98)}.product:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px #2563eb14}.product:hover .pic{box-shadow:inset 0 0 0 2px #2563eb1a}.product:hover .badge{background:#e83a4a;border-color:#ff4757;box-shadow:0 4px 12px #ff475766}.pic{aspect-ratio:1;background:#f2f5fa;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:9px;display:flex;overflow:hidden}.pic img{object-fit:contain;width:100%;height:100%}.name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.rating{align-items:center;gap:3px;margin-top:2px;margin-bottom:2px;display:flex}.rating-star{color:#fbbf24;fill:currentColor;width:12px;height:12px}.rating-val{color:var(--text);font-size:10px;font-weight:700}.rating-sold{color:#9aa3b2;margin-left:2px;font-size:10px;font-weight:500}.duration{color:var(--muted);line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-top:3px;font-size:10px;display:-webkit-box;overflow:hidden}.bottom{justify-content:space-between;align-items:end;gap:4px;margin-top:9px;display:flex}.price{font-size:13px;font-weight:900}.old{color:#a7afbd;font-size:9px;font-weight:500;text-decoration:line-through;display:block}.buy{background:var(--primary);color:#fff;border:0;border-radius:9px;padding:7px 9px;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;transition:all .18s}.buy:not(.sold-out):hover{cursor:pointer;background:#1d4ed8;transform:translateY(-1px);box-shadow:0 5px 15px #2563eb52}.buy.sold-out{color:#fff;cursor:not-allowed;opacity:.9;box-shadow:none!important;background:#ff4757!important}.buy.sold-out:hover{background:#ff4757!important;transform:none!important}.badge{color:#fff;letter-spacing:.3px;z-index:2;background:#ff4757;border:1px solid #ff475780;border-radius:99px;align-items:center;gap:4px;padding:4px 8px;font-size:8.5px;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:absolute;top:20px;right:20px;box-shadow:0 2px 8px #ff47574d}.stats-payment-container{background:var(--card);border:1px solid var(--line);opacity:0;border-radius:15px;margin:5px 14px 20px;padding:0;animation:.6s ease-out .45s forwards munculBerurutan;position:relative;overflow:hidden;box-shadow:0 4px 15px #11182708}.stats-payment-title{color:#8b95a7;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:14px 0 10px;font-size:10.5px;font-weight:800}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 14px 14px;display:grid}.stats-item{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.stats-divider{background:var(--line);width:1px;height:80%;position:absolute;top:10%;left:0}.marquee-container{white-space:nowrap;width:100%;margin-bottom:14px;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:40px;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(90deg,#fff,#0000);left:0}.marquee-container:after{background:linear-gradient(270deg,#fff,#0000);right:0}.marquee-track{align-items:center;animation:50s linear infinite marquee-left-to-right;display:inline-flex}.marquee-track img{object-fit:contain;cursor:pointer;height:20px;margin:0 14px;transition:transform .3s}.marquee-track img:hover{transform:scale(1.1)}.safe-checkout-box{border:1px solid var(--line);opacity:0;background:#fff;border-radius:15px;justify-content:center;align-items:center;gap:12px;margin:0 14px 20px;padding:14px 16px;animation:.6s ease-out .55s forwards munculBerurutan;display:flex;box-shadow:0 4px 15px #11182708}.safe-checkout-box svg{color:#05a660;flex-shrink:0}.safe-checkout-text{color:#697386;text-align:center;font-size:12.5px;font-weight:500;line-height:1.4}.site-footer{text-align:center;opacity:1;max-width:480px;margin:0 auto;padding:20px 16px 100px;animation:.6s ease-out .85s forwards munculBerurutan}.social-links{justify-content:center;gap:24px;margin-bottom:12px;display:flex}.social-link{color:#697386;align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;transition:color .18s,transform .18s;display:flex}.social-link:hover{color:var(--primary);transform:translateY(-1px)}.copyright{color:#9aa3b2;font-size:11px;font-weight:500}.toast-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;opacity:0;pointer-events:none;background:#fffffff2;border:1px solid #e8ecf3cc;border-radius:14px;align-items:center;gap:12px;width:280px;padding:10px 14px;transition:opacity .5s,transform .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:fixed;bottom:20px;left:20px;transform:translateY(20px);box-shadow:0 10px 30px #1118271f}.toast-widget.show{opacity:1;transform:translateY(0)}.toast-avatar{background:#eef3ff;border:1px solid #dbeaff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.toast-content{flex:1;min-width:0}.toast-name{color:var(--text);justify-content:space-between;align-items:center;margin:0 0 2px;font-size:12px;font-weight:800;display:flex}.toast-time{color:var(--muted);font-size:9px;font-weight:500}.toast-text{color:#556075;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.toast-text strong{color:var(--primary2)}.toast-stars{color:#fbbf24;letter-spacing:-1px;margin-bottom:3px;font-size:11px;line-height:1;display:block}@keyframes flashPulse{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes shineBadge{0%,20%{left:-100%}80%,to{left:200%}}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes tertiupAngin{0%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes marquee-left-to-right{0%{transform:translate(-50%)}to{transform:translate(0%)}}@keyframes munculBerurutan{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.toast-widget{width:auto;bottom:16px;left:16px;right:16px}}@media (min-width:481px){body{padding:20px 0}.phone{border-radius:24px;box-shadow:0 15px 50px #1e2d4b1f}.site-footer{padding-bottom:30px}.toast-widget{bottom:40px;left:calc(50vw - 220px)}}.popup-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0003;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.popup-content{width:100%;max-width:350px;animation:.6s cubic-bezier(.175,.885,.32,1.5) both popupBounce;position:relative}.popup-image{object-fit:cover;width:100%;height:auto;display:block}.popup-close{color:var(--text);border:1px solid var(--line);cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:32px;line-height:1;transition:transform .2s;display:flex;position:absolute;top:-15px;right:-15px;box-shadow:0 4px 6px #0003}.popup-close:hover{background-color:var(--primary);border-color:var(--primary);color:#fff;transform:scale(1.1)}@keyframes popupBounce{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-image-container{display:inline-block;position:relative}.popup-image{width:100%;height:auto;display:block}.shine-mask{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.shine-layer{pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff80 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite popup-shine;position:absolute;top:0;left:-150%;transform:skew(-25deg)}@keyframes popup-shine{0%{left:-150%}50%{left:150%}to{left:150%}}@keyframes home-logo-shine{0%{background-position:100% 0}50%,to{background-position:0 0}}.order-history-page{color:#18232b;background:linear-gradient(145deg,#f5f7fb 0%,#e9eff5 58%,#eef4f0 100%);min-height:auto;padding:0 20px 24px}.order-history-shell{width:min(100%,760px);margin:0 auto}.order-history-header{border-bottom:1px solid var(--dark-line);opacity:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:calc(100% + 40px);min-height:72px;margin:0 -20px;padding:0 20px;animation:.6s ease-out forwards munculBerurutan;display:grid}.order-history-logout{color:#243c44;cursor:pointer;background:#ffffffad;border:1px solid #1f333d24;border-radius:8px;place-items:center;width:38px;height:38px;text-decoration:none;display:grid}.order-history-home-link{color:#fff;white-space:nowrap;justify-self:start;align-items:center;gap:6px;padding:4px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.order-history-home-link:hover{opacity:.75}.order-history-home-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.order-history-brand{justify-self:center;align-items:center;height:40px;display:inline-flex}.order-history-brand img{object-fit:contain;max-width:132px;max-height:34px;display:block}.order-history-header-spacer{justify-self:end;width:38px}.order-history-intro{padding:44px 0 26px}.order-history-eyebrow{color:#d17627;letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:800}.order-history-intro h1{color:#18323b;margin:0;font-size:clamp(28px,5vw,38px);font-weight:800;line-height:1.15}.order-history-intro>p:last-child{color:#697982;margin:10px 0 0;font-size:14px}.order-history-login{background:#ffffffe0;border:1px solid #1d3d441f;border-radius:8px;width:min(100%,430px);margin:8px auto 0;padding:28px;box-shadow:0 18px 50px #243c4414}.order-history-login-icon{color:#3b82f6;background:#edf2ff;border-radius:8px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.order-history-login h2,.order-history-empty h2{color:#203740;margin:0 0 22px;font-size:19px;font-weight:750}.order-history-login label{color:#53676e;margin:15px 0 7px;font-size:12px;font-weight:700;display:block}.order-history-login input{color:#203740;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #d6e0e2;border-radius:6px;outline:none;padding:0 12px;font-size:14px}.order-history-login input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.order-history-submit{color:#fff;width:100%;min-height:46px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:0;border-radius:6px;margin-top:21px;font-size:14px;font-weight:750}.order-history-submit:disabled,.order-history-summary>button:disabled{opacity:.65;cursor:wait}.order-history-error{color:#bd3f43;margin:12px 0 0;font-size:13px}.order-history-summary{background:#ffffffc2;border:1px solid #1d3d441f;border-radius:8px;grid-template-columns:minmax(0,1.5fr) 1fr 1fr 40px;align-items:center;gap:12px;margin:0 0 18px;padding:14px 16px;display:grid}.order-history-summary div{min-width:0}.order-history-summary div span,.order-history-summary div strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.order-history-summary div span{color:#74858b;margin-bottom:4px;font-size:10px;font-weight:650}.order-history-summary div strong{color:#203740;font-size:14px;font-weight:750}.order-history-summary>button{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #d5e0e2;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.order-history-list{gap:12px;display:grid}.order-history-pagination{border-top:1px solid #1d3d441f;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 0;display:flex}.order-history-pagination-count{color:#718187;white-space:nowrap;font-size:11px}.order-history-pagination>div{color:#43585e;white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.order-history-pagination button{color:#3b82f6;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6e0e2;border-radius:5px;justify-content:center;align-items:center;gap:3px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.order-history-pagination button:disabled{color:#a3afb2;cursor:not-allowed;background:#f3f5f5}.order-history-card{background:#fff;border:1px solid #1d3d441f;border-radius:8px;min-width:0;padding:18px;box-shadow:0 5px 18px #243c440b}.order-history-card-top{border-bottom:1px solid #edf1f1;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.order-history-label,.order-history-trx,.order-history-card-top time{display:block}.order-history-label{color:#8a999d;margin-bottom:3px;font-size:9px;font-weight:800}.order-history-trx{color:#344d55;overflow-wrap:anywhere;font-size:12px}.order-history-card-top time{color:#87969b;margin-top:5px;font-size:11px}.order-history-card-actions{flex-direction:column;flex:0 0 131px;align-items:flex-end;gap:6px;display:flex}.order-history-status{box-sizing:border-box;text-align:center;text-transform:uppercase;white-space:nowrap;border-radius:4px;width:100%;padding:4px 8px;font-size:10px;font-weight:700}.order-history-status.waiting{color:#d97706;background:#fef3c7}.order-history-status.paid{color:#2563eb;background:#eff6ff}.order-history-status.processing{color:#9333ea;background:#f3e8ff}.order-history-status.complete{color:#16a34a;background:#dcfce7}.order-history-status.cancelled{color:#dc2626;background:#fee2e2}.order-history-status.other{color:#64748b;background:#f1f5f9}.order-history-invoice{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:3px 8px;font-size:10px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block}.order-history-invoice.primary{color:#fff;background:#3b82f6;border:0;padding:4px 8px}.order-history-category{color:#bd762d;text-transform:uppercase;margin:14px 0 5px;font-size:10px;font-weight:800}.order-history-card h2{color:#253c44;margin:0;font-size:15px;font-weight:750}.order-history-target{color:#477c88;overflow-wrap:anywhere;margin:6px 0 0;font-size:12px}.order-history-card-bottom{color:#62757a;border-top:1px dashed #dce5e5;justify-content:space-between;gap:12px;margin-top:15px;padding-top:12px;font-size:12px;display:flex}.order-history-card-bottom strong{color:#3b82f6;font-size:14px}.order-history-account{background:#f4f7ff;border:1px solid #3b82f652;border-radius:8px;margin-top:16px;overflow:hidden}.order-history-account-toggle{color:#fff;width:100%;min-height:40px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:0;justify-content:center;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;display:flex;position:relative}.order-history-account-title{color:#fff;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.order-history-account-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #716ff3}.order-history-account-action{color:#e0e7ff;align-items:center;gap:6px;font-size:10px;font-weight:500;display:flex;position:absolute;right:12px}.order-history-account-action>span{color:#fff;font-size:12px;font-weight:700;transition:transform .2s}.order-history-account-action>span.is-open{transform:rotate(180deg)}.order-history-account-details{background:#f5f7ff;gap:8px;padding:12px;display:grid}.order-history-credential{background:#fff;border:1px solid #dbe7ff;border-radius:6px;justify-content:space-between;align-items:center;gap:0;padding:6px 10px;display:flex}.order-history-credential div{min-width:0}.order-history-credential div span,.order-history-credential div strong{display:block}.order-history-credential div span{color:#64748b;margin-bottom:0;font-size:10px;font-weight:600}.order-history-credential div strong{color:#1f2937;overflow-wrap:anywhere;font-size:12px;font-weight:700}.order-history-credential button{color:#fff;min-height:30px;font:inherit;cursor:pointer;background:#3b82f6;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.order-history-credential button:hover{background:#2563eb}.order-history-account-note{color:#4f46e5;text-align:center;margin:2px 0 0;font-size:10px}.order-history-empty{text-align:center;background:#ffffffb8;border:1px dashed #c6d5d5;border-radius:8px;padding:42px 20px}.order-history-empty>span{color:#8aa39c;margin-bottom:8px;font-size:34px;display:block}.order-history-empty h2{margin-bottom:7px}.order-history-empty p{color:#77888c;margin:0 0 16px;font-size:13px}.order-history-empty a{color:#3b82f6;font-size:13px;font-weight:750;text-decoration:none}.order-history-skeleton{background:linear-gradient(100deg,#edf1f0 20%,#f8faf8 38%,#edf1f0 58%) 0 0/200% 100%;border:1px solid #1d3d441a;border-radius:8px;height:184px;animation:1.3s linear infinite order-history-shimmer}@keyframes order-history-shimmer{to{background-position-x:-200%}}@media (max-width:540px){.order-history-page{padding:0 16px 16px}.order-history-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:calc(100% + 32px);margin:0 -16px;padding:0 16px}.order-history-intro{padding-top:32px}.order-history-summary{grid-template-columns:minmax(0,1.4fr) 1fr 1fr 38px;gap:7px;padding:12px 10px}.order-history-summary div span{font-size:9px}.order-history-summary div strong{font-size:12px}.order-history-card{padding:14px}.order-history-card-actions{flex-basis:131px}.order-history-pagination{flex-direction:column;align-items:flex-start}.order-history-pagination>div{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.order-history-header{opacity:1;animation:none}.order-history-skeleton{animation:none}}.order-history-tabs{background:#e7edef;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 18px;padding:4px;display:grid}.order-history-tabs button{color:#65777c;min-width:0;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:700;display:flex;position:relative}.order-history-tab-dot{background:#ef4444;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:7px;box-shadow:0 0 0 1px #ef44441f}.order-history-tabs button.is-active{color:#3b82f6;background:#fff;box-shadow:0 1px 4px #1b36391f}.order-history-tabs button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.order-history-profile{background:#fff;border:1px solid #3b82f62e;border-radius:12px;padding:4px 16px;box-shadow:0 8px 24px #2563eb0f}.order-history-profile-heading{color:#3b82f6;border-bottom:1px solid #1d3d441a;align-items:center;gap:12px;padding:16px 0;display:flex}.order-history-profile-heading div{min-width:0}.order-history-profile-heading span{color:#819095;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.order-history-profile-heading h2{color:#203740;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:750}.order-history-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;margin:0;display:grid}.order-history-profile-grid div{border-bottom:1px solid #1d3d4417;min-width:0;padding:14px 0}.order-history-profile-grid dt{color:#7a8a8f;margin-bottom:5px;font-size:10px;font-weight:650}.order-history-profile-grid dd{color:#263f46;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:750}.order-history-profile-grid .total-nilai-pesanan{color:#10b981;font-size:1.15em;font-weight:700}.order-history-profile-grid div:nth-last-child(-n+2){border-bottom:0}@media (max-width:380px){.order-history-home-link{gap:4px;padding:4px 0;font-size:10px}.order-history-brand img{max-width:100px}.order-history-header-spacer{width:16px}.order-history-tabs button{gap:4px;font-size:10px}.order-history-profile-grid{column-gap:12px}}.faq-container-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:-10px 14px 10px;padding:16px;animation:.6s ease-out .65s forwards munculBerurutan}.faq-title{color:var(--primary2);letter-spacing:.08em;text-align:left;text-transform:uppercase;margin-bottom:12px;margin-left:-15px;font-size:10px;font-weight:700}.faq-wa-button{color:#fff;background:#25d366;border-radius:25px;justify-content:center;align-items:center;gap:6px;width:max-content;height:32px;margin-top:12px;margin-bottom:0;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 4px 6px -1px #25d36633,0 2px 4px -1px #25d3661a}.faq-wa-button:hover{background:#1ebc5a;transform:translateY(-2px)}.faq-subtitle{color:var(--text);text-align:left;margin-bottom:12px;margin-left:-15px;font-size:17px;font-weight:700}.faq-container{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0 -16px;padding:0 16px}.faq-item{cursor:pointer;border-bottom:1px solid var(--line);padding:12px 0;overflow:hidden}.faq-item-last{border-bottom:none}.faq-header{justify-content:space-between;align-items:center;display:flex}.faq-question{color:var(--text);font-size:13px;font-weight:600}.faq-icon{color:var(--muted);flex-shrink:0;transition:transform .3s}.faq-icon-open{transform:rotate(180deg)}.faq-answer-container{transition:all .3s ease-in-out}.faq-answer-container-closed{opacity:0;max-height:0;margin-top:0}.faq-answer-container-open{opacity:1;max-height:200px;margin-top:8px}.faq-answer{color:var(--muted);font-size:12px;line-height:1.6}input::placeholder{color:#b7bdc8;opacity:1}::-moz-placeholder{color:#b7bdc8;opacity:1}::-moz-placeholder{color:#b7bdc8}.home-articles{margin:20px 16px 24px}.home-articles-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home-articles-eyebrow{color:var(--primary2);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.home-articles-heading h2{color:var(--text);margin:3px 0 0;font-size:18px;font-weight:800}.home-articles-actions{gap:6px;display:flex}.home-articles-actions button{border:1px solid var(--line);width:32px;height:32px;color:var(--brand-dark);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid}.home-articles-actions button:hover,.home-articles-actions button:focus-visible{border-color:var(--primary);color:var(--primary)}.home-articles-track{cursor:grab;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;gap:12px;padding:2px 1px 10px;display:flex;overflow-x:auto}.home-articles-track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.home-articles-track::-webkit-scrollbar{display:none}.home-article-card{border:1px solid var(--line);background:var(--card);color:inherit;scroll-snap-align:start;-webkit-user-drag:none;border-radius:12px;flex:0 0 76%;text-decoration:none;overflow:hidden}.home-article-image{aspect-ratio:16/8;background:linear-gradient(135deg,#3b82f6,#8b5cf6);position:relative;overflow:hidden}.home-article-image img{object-fit:cover;pointer-events:none}.home-article-copy{padding:12px}.home-article-copy time{color:var(--muted);font-size:10px}.home-article-copy h3{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.home-article-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.home-article-read{color:var(--primary2);font-size:11px;font-weight:700}.home-articles-all{color:var(--primary2);margin-top:4px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}