@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body.app-redesign{--app-width:480px;--primary:#168b70;--primary-dark:#08705b;--primary-deep:#075b4b;--primary-soft:#e4f5ef;--primary-extra-soft:#f3faf7;--text-strong:#0b2940;--text:#243746;--muted:#667d80;--page:#f6f9f8;--surface:#fff;--border:#e5eeeb;--divider:#eaf1ee;--success:#168b70;--success-soft:#eaf8f2;--warning:#95620a;--warning-soft:#fff7e5;--danger:#bc354a;--danger-soft:#fff0f2;--blue:#4e82f5;--blue-soft:#edf4ff;--domain-accent:var(--primary);--domain-accent-dark:var(--primary-dark);--domain-soft:var(--primary-soft);--radius-card:22px;--radius-control:14px;--shadow-card:0 10px 30px #10362e0b;color:var(--text);background:#eaf0ee}body.app-redesign.domain-alsintan{--domain-accent:#b9780c;--domain-accent-dark:#8a5907;--domain-soft:#fff5df}body.app-redesign.domain-belanja,body.app-redesign.domain-qris{--domain-accent:#4e82f5;--domain-accent-dark:#355cad;--domain-soft:#edf4ff}body.app-redesign.domain-komoditi{--domain-accent:#668f36;--domain-accent-dark:#486e25;--domain-soft:#f1f8e9}body.app-redesign .mobile-container{background:var(--page)}body.app-redesign .mobile-container [hidden]{display:none!important}body.app-redesign .mobile-container>section{background:var(--page);min-height:100vh;color:var(--text)}body.app-redesign .mobile-container:has(.bottom-nav)>section{padding-bottom:calc(124px + env(safe-area-inset-bottom))}body.app-redesign .mobile-container .app-header,body.app-redesign .mobile-container>section>header.header{min-height:84px;padding:calc(20px + env(safe-area-inset-top)) 20px 20px;background:var(--primary-dark);box-shadow:none;border-radius:0 0 24px 24px}body.app-redesign .mobile-container>section>header.header{align-items:center;gap:12px;height:auto;display:flex}body.app-redesign .mobile-container .app-header .menu-trigger,body.app-redesign .mobile-container>section>header.header :is(.back-button,.logout-button){background:#ffffff1f;border:0;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;line-height:0;display:grid}body.app-redesign .mobile-container>section>header.header .back-button img{width:22px;height:22px}body.app-redesign .mobile-container>section>header.header .logout-button img{width:23px;height:23px}body.app-redesign .mobile-container .app-header .identity-name,body.app-redesign .mobile-container>section>header.header .identity-name{font-size:18px;font-weight:700}body.app-redesign .mobile-container .app-header .identity-number,body.app-redesign .mobile-container>section>header.header .identity-number{margin-top:3px;font-size:12px}body.app-redesign .mobile-container>section>header.header .header-title{color:#fff;overflow-wrap:anywhere;min-width:0;margin:0;font-size:clamp(16px,4.4vw,18px);font-weight:700;line-height:1.35}body.app-redesign .mobile-container>section>.content,body.app-redesign .mobile-container>section>form.content{width:100%;padding:24px clamp(16px,4.6vw,20px) 32px}body.app-redesign .mobile-container .page-title{letter-spacing:-.7px;color:var(--text-strong);margin:0 0 7px;font-size:clamp(24px,6vw,28px);font-weight:750;line-height:1.2}body.app-redesign .mobile-container .page-subtitle{max-width:360px;color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.6}body.app-redesign .mobile-container :is(.section-title,.section-label){letter-spacing:.2px;color:var(--text-strong);margin:22px 2px 10px;font-size:13px;font-weight:700;line-height:1.45}body.app-redesign .mobile-container .card-title,body.app-redesign .mobile-container .step-title{letter-spacing:-.2px;color:var(--text-strong);margin:0 0 18px;font-size:clamp(16px,4.2vw,18px);font-weight:700;line-height:1.4}body.app-redesign .mobile-container :is(.card,.hero-card,.finance-card,.empty-card,.qr-card){border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card)}body.app-redesign .mobile-container .card{padding:clamp(18px,4.8vw,22px)}body.app-redesign .mobile-container .content,body.app-redesign .mobile-container form,body.app-redesign .mobile-container .card,body.app-redesign .mobile-container .field,body.app-redesign .mobile-container .card-text,body.app-redesign .mobile-container .list-row-text{min-width:0}body.app-redesign .mobile-container .card hr,body.app-redesign .mobile-container .detail-box hr,body.app-redesign .mobile-container .modal-detail hr{background:var(--divider);border:0;height:1px;margin:14px 0}body.app-redesign .mobile-container .card .field,body.app-redesign .mobile-container form .field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}body.app-redesign .mobile-container .field :is(label,.radio-legend),body.app-redesign .mobile-container :is(.field-label,.filter-label,.upload-label){color:var(--text);margin:0;font-size:13px;font-weight:650;line-height:1.45}body.app-redesign .mobile-container :is(input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea,.text-input,.select-field,.pin-input,.textarea-field){border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);width:100%;min-width:0;min-height:50px;font:inherit;color:var(--text-strong);outline:none;padding:0 14px;font-size:14px;line-height:1.45;transition:border-color .18s,box-shadow .18s,background-color .18s}body.app-redesign .mobile-container :is(textarea,.textarea-field){resize:vertical;min-height:104px;padding-block:13px}body.app-redesign .mobile-container :is(input,select,textarea):focus{border-color:var(--primary);box-shadow:0 0 0 3px #168b701a}body.app-redesign .mobile-container :is(input,select,textarea):disabled,body.app-redesign .mobile-container :is(input,textarea)[readonly],body.app-redesign .mobile-container .field-readonly :is(input,textarea){color:#607078;background:#f3f6f5}body.app-redesign .mobile-container :is(input,textarea)::placeholder{color:#98a5aa}body.app-redesign .mobile-container .amount-wrap{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:10px;width:100%;min-height:60px;padding:0 15px;transition:border-color .18s,box-shadow .18s;display:flex}body.app-redesign .mobile-container .amount-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #168b701a}body.app-redesign .mobile-container .amount-prefix{color:var(--primary-dark);flex:none;font-size:14px;font-weight:650}body.app-redesign .mobile-container .amount-wrap .amount-input{min-height:58px;box-shadow:none;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:clamp(19px,5vw,22px);font-weight:700}body.app-redesign .mobile-container :is(.field-note,.note,.saldo-hint,.custom-note,.pickup-note,.disclaimer,.readonly-note){color:var(--muted);font-size:12px;line-height:1.55}body.app-redesign .mobile-container :is(.field-warning,.field-note--warning,.saldo-warning,.unavailable-note){background:var(--danger-soft);color:var(--danger);border:1px solid #ffd9de;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.5}body.app-redesign .mobile-container .readonly-box{border:1px solid var(--border);border-radius:var(--radius-control);min-height:50px;color:var(--text);background:#f3f6f5;padding:14px;font-size:14px;line-height:1.5}body.app-redesign .mobile-container :is(.submit-button,.next-button,.apply-button,.buy-button,.checkout-button,.modal-ok,.home-cta,.back-cta,.empty-cta,.setor-cta){border-radius:var(--radius-control);background:var(--primary);width:100%;min-height:52px;font:inherit;text-align:center;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;transition:background-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 8px 20px #168b7029}body.app-redesign .mobile-container :is(.secondary-button,.back-button-step,.reset-button,.cart-button,.chat-button,.cek-button,.copy-button,.preview-retake,.upload-button,.bukti-button){border:1px solid var(--border);background:var(--surface);min-height:44px;box-shadow:none;font:inherit;text-align:center;color:var(--primary-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:650;line-height:1.35;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}body.app-redesign .mobile-container :is(.submit-button,.next-button,.apply-button,.buy-button,.checkout-button,.modal-ok):hover{background:var(--primary-dark)}body.app-redesign .mobile-container :is(.secondary-button,.back-button-step,.reset-button,.cart-button,.chat-button,.cek-button,.copy-button):hover{background:var(--primary-extra-soft);border-color:#cfe0da}body.app-redesign .mobile-container :is(button,a):active{transform:scale(.98)}body.app-redesign .mobile-container :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #168b7061}body.app-redesign .mobile-container :is(button,.submit-button,.next-button):disabled,body.app-redesign .mobile-container :is(.submit-button--disabled,[aria-disabled=true]){box-shadow:none;color:#899792;cursor:not-allowed;background:#dfe7e4;transform:none}body.app-redesign .mobile-container .penutupan .card:first-of-type{background:#fffaf2;border-color:#ffe1c2}body.app-redesign .mobile-container .penutupan .submit-button:not(:disabled){background:var(--danger);box-shadow:0 8px 20px #bc354a26}body.app-redesign .mobile-container :is(.detail-box,.inquiry-result,.pickup-box,.result-box,.jatuh-tempo-box,.method-detail,.progress-summary){border:1px solid var(--border);background:var(--primary-extra-soft);border-radius:16px;padding:15px}body.app-redesign .mobile-container :is(.detail-row,.ringkasan-row,.spec-row,.modal-row){min-width:0;color:var(--muted);justify-content:space-between;align-items:flex-start;gap:10px 16px;padding-block:8px;font-size:13px;line-height:1.5;display:flex}body.app-redesign .mobile-container :is(.detail-row,.ringkasan-row,.spec-row,.modal-row)>:last-child{text-align:right;min-width:0;color:var(--text-strong);overflow-wrap:anywhere;font-weight:650}body.app-redesign .mobile-container :is(.detail-row--total,.ringkasan-row--total,.modal-row--total){color:var(--text-strong);font-size:14px;font-weight:700}body.app-redesign .mobile-container :is(.detail-row--total,.ringkasan-row--total,.modal-row--total)>:last-child,body.app-redesign .mobile-container :is(.result-value,.saldo-display,.ringkasan-total,.qr-total){font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:clamp(19px,5vw,23px);font-weight:750}body.app-redesign .mobile-container .kode-row{background:var(--primary-extra-soft);border:1px dashed #bfd8cf;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}body.app-redesign .mobile-container .kode-value{font-variant-numeric:tabular-nums;min-width:0;color:var(--text-strong);overflow-wrap:anywhere;flex:1;font-size:clamp(15px,4vw,18px);font-weight:700}body.app-redesign .mobile-container .method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}body.app-redesign .mobile-container .method-box{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:72px;box-shadow:none;color:var(--text);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px;transition:border-color .18s,background-color .18s,transform .18s;display:flex}body.app-redesign .mobile-container .method-box:is(.is-selected,.is-active){border-color:var(--primary);background:var(--primary-extra-soft);box-shadow:inset 0 0 0 1px var(--primary)}body.app-redesign .mobile-container :is(.method-logo,.bank-logo){object-fit:contain;max-width:100%;max-height:30px}body.app-redesign .mobile-container :is(.tab,.tab-btn,.duration-tab,.tenor-btn,.nominal-btn,.pill){border:1px solid var(--border);background:var(--surface);min-height:42px;font:inherit;color:var(--muted);cursor:pointer;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:650;line-height:1.3;transition:background-color .18s,border-color .18s,color .18s,transform .18s}body.app-redesign .mobile-container :is(.tab,.tab-btn,.duration-tab,.tenor-btn,.nominal-btn,.pill):is(.is-active,.is-selected){border-color:var(--domain-accent);background:var(--domain-accent);color:#fff}body.app-redesign .mobile-container .jenis-option{border:1px solid var(--border);background:var(--surface);width:100%;min-height:72px;font:inherit;text-align:left;color:var(--text);cursor:pointer;border-radius:16px;align-items:center;gap:13px;padding:14px;display:flex}body.app-redesign .mobile-container .jenis-option.is-selected{border-color:var(--primary);background:var(--primary-extra-soft);box-shadow:inset 0 0 0 1px var(--primary)}body.app-redesign .mobile-container .jenis-name{color:var(--text-strong);font-size:14px;font-weight:700;line-height:1.4}body.app-redesign .mobile-container .jenis-desc{color:var(--muted);font-size:12px;line-height:1.5}body.app-redesign .mobile-container .stepper{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:44px minmax(48px,auto) 44px;align-items:center;display:inline-grid;overflow:hidden}body.app-redesign .mobile-container .stepper-btn{background:var(--primary-extra-soft);width:44px;height:44px;font:inherit;color:var(--primary-dark);cursor:pointer;border:0;place-items:center;font-size:22px;display:grid}body.app-redesign .mobile-container .stepper-value{text-align:center;min-width:48px;color:var(--text-strong);font-size:14px;font-weight:700}body.app-redesign .mobile-container .progress-wrap{padding:18px clamp(16px,4.6vw,20px) 0}body.app-redesign .mobile-container .progress-track{background:#dce8e4;border-radius:999px;height:7px;overflow:hidden}body.app-redesign .mobile-container .progress-fill{border-radius:inherit;background:var(--primary);height:100%}body.app-redesign .mobile-container .progress-label{color:var(--muted);justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;font-weight:600;display:flex}body.app-redesign .mobile-container :is(.status-pill,.status-badge,.alat-status){background:var(--success-soft);width:fit-content;color:var(--primary-dark);border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:650;line-height:1.3;display:inline-flex}body.app-redesign .mobile-container :is([class*=--pending],[class*=--menunggu],[class*=--diproses],.alat-status--disewa){background:var(--warning-soft);color:var(--warning)}body.app-redesign .mobile-container :is([class*=--gagal],[class*=--ditolak],[class*=--terlambat]){background:var(--danger-soft);color:var(--danger)}body.app-redesign .mobile-container .modal-backdrop,body.app-redesign .mobile-container .sheet-backdrop{z-index:80;padding:16px 16px calc(16px + env(safe-area-inset-bottom));backdrop-filter:blur(3px);background:#0726206b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}body.app-redesign .mobile-container .modal-card,body.app-redesign .mobile-container .sheet{background:var(--surface);border:1px solid #ffffffb3;border-radius:24px;width:min(100%,440px);max-height:min(86vh,720px);padding:24px 20px;overflow-y:auto;box-shadow:0 24px 60px #0726202e}body.app-redesign .mobile-container .modal-title,body.app-redesign .mobile-container .sheet-title{text-align:center;color:var(--text-strong);margin:0;font-size:19px;font-weight:750;line-height:1.35}body.app-redesign .mobile-container .modal-check{width:70px;height:70px;margin:18px auto;display:block}body.app-redesign .mobile-container .modal-detail{background:var(--primary-extra-soft);border-radius:16px;margin:18px 0;padding:14px}body.app-redesign .mobile-container .modal-note{text-align:center;color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.55}body.app-redesign .mobile-container .modal-nominal{font-variant-numeric:tabular-nums;text-align:center;color:var(--text-strong);margin:8px 0 2px;font-size:clamp(22px,6vw,28px);font-weight:750}body.app-redesign .mobile-container .modal-actions-row{border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}body.app-redesign .mobile-container .modal-actions-label{color:var(--muted);font-size:12px;font-weight:600}body.app-redesign .mobile-container .modal-actions{align-items:center;gap:8px;display:flex}body.app-redesign .mobile-container .modal-action-icon{border:1px solid var(--border);background:var(--surface);border-radius:11px;place-items:center;width:36px;height:36px;display:grid}body.app-redesign .mobile-container .modal-action-icon img{object-fit:contain;width:18px;height:18px}body.app-redesign .mobile-container .toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;background:var(--text-strong);color:#fff;border-radius:14px;align-items:center;gap:12px;width:min(100% - 32px,440px);padding:13px 14px;display:flex;position:fixed;box-shadow:0 12px 30px #0b294033}body.app-redesign .mobile-container :is(.empty-state,.empty-card){border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);text-align:center;border-radius:22px;padding:30px 20px}body.app-redesign .mobile-container :is(.empty-text,.empty-text-inline){color:var(--muted);margin:0;font-size:13px;line-height:1.6}body.app-redesign .mobile-container .empty-link{border:1px solid var(--border);background:var(--primary-extra-soft);min-height:44px;color:var(--primary-dark);border-radius:12px;justify-content:center;align-items:center;margin-top:16px;padding:10px 14px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}body.app-redesign .mobile-container .menu>.content,body.app-redesign .mobile-container :is(.login,.reset,.password-baru,.otp)>.content{flex-direction:column;align-items:stretch;gap:20px;display:flex}body.app-redesign .mobile-container .center-content>.content{justify-content:center}body.app-redesign .mobile-container :is(.menu,.login,.reset,.password-baru,.otp) .logo{aspect-ratio:auto;align-self:center;width:min(66%,250px);height:auto;overflow:visible}body.app-redesign .mobile-container :is(.menu,.login,.reset,.password-baru,.otp) .logo img{object-fit:contain;width:100%;height:auto;display:block}body.app-redesign .mobile-container .menu .welcome{letter-spacing:-.6px;text-align:left;color:var(--text-strong);margin:2px 0 0;font-size:clamp(24px,6vw,28px);font-weight:750}body.app-redesign .mobile-container .menu .card-list{gap:11px;width:100%;margin-top:0;display:grid}body.app-redesign .mobile-container .menu .card-list .card{min-height:84px;color:var(--text);border-radius:18px;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex;box-shadow:0 7px 22px #10362e09}body.app-redesign .mobile-container .menu .card-list .card--static{opacity:.64;cursor:default}body.app-redesign .mobile-container .menu .icon-wrap{border-radius:17px;flex:0 0 52px;width:52px;height:52px;position:relative;overflow:hidden}body.app-redesign .mobile-container .menu .card-title{margin:0;font-size:15px;font-weight:700}body.app-redesign .mobile-container .menu .card-subtitle{color:var(--muted);font-size:12px;line-height:1.5}body.app-redesign .mobile-container .menu .footer{padding:20px 16px calc(24px + env(safe-area-inset-bottom));color:var(--muted);font-size:11px}body.app-redesign .mobile-container :is(.login,.reset,.password-baru,.otp) form.card{width:100%;padding:clamp(20px,5vw,24px)}body.app-redesign .mobile-container :is(.forgot-link,.signup-hint a,.login-link,.resend-button){color:var(--primary-dark);font-size:13px;font-weight:650}body.app-redesign .mobile-container .opsi-signup .content{flex-direction:column;align-items:stretch;gap:18px;display:flex}body.app-redesign .mobile-container .opsi-signup .logo{align-self:center;width:min(68%,250px)}body.app-redesign .mobile-container .opsi-signup .hint{color:var(--text-strong);margin:0;font-size:14px;font-weight:650}body.app-redesign .mobile-container .opsi-signup .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}body.app-redesign .mobile-container .opsi-signup .card-grid .card{text-align:center;min-height:156px;color:var(--text);flex-direction:column;align-items:center;gap:12px;padding:18px 12px;text-decoration:none;display:flex}body.app-redesign .mobile-container .opsi-signup .icon{background:var(--primary-soft);border-radius:18px;place-items:center;width:58px;height:58px;display:grid}body.app-redesign .mobile-container .opsi-signup .label p{color:var(--text-strong);margin:0;font-size:13px;font-weight:650;line-height:1.45}body.app-redesign .mobile-container .step .content,body.app-redesign .mobile-container :is(.sign-up,.petunjuk,.status,.cek-status,.kode-daftar,.kode-belum-acc,.lupa-kode) .content{flex-direction:column;gap:18px;display:flex}body.app-redesign .mobile-container :is(.upload-block,.bank-row,.radio-option){border:1px solid var(--border);background:var(--surface);border-radius:15px}body.app-redesign .mobile-container .upload-block{padding:18px}body.app-redesign .mobile-container .upload-placeholder{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}body.app-redesign .mobile-container .upload-icon{object-fit:contain;width:56px;height:56px}body.app-redesign .mobile-container .file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}body.app-redesign .mobile-container .upload-preview{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}body.app-redesign .mobile-container .preview-thumb{aspect-ratio:4/3;border:1px solid var(--border);object-fit:cover;border-radius:14px;width:96px;display:block}body.app-redesign .mobile-container .preview-label{color:var(--primary-dark);margin:0;font-size:12px;font-weight:650}body.app-redesign .mobile-container .otp-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(5px,2vw,9px);width:100%;display:grid}body.app-redesign .mobile-container .otp-boxes .otp-box{text-align:center;font-variant-numeric:tabular-nums;border-radius:13px;min-width:0;min-height:52px;padding:0;font-size:clamp(17px,5vw,21px);font-weight:700}body.app-redesign .mobile-container :is(.resend-hint,.countdown){text-align:center;color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.5}body.app-redesign .mobile-container :is(.resend-link,.resend-button){min-height:44px;font:inherit;color:var(--primary-dark);cursor:pointer;background:0 0;border:0;padding:8px;font-size:13px;font-weight:650}body.app-redesign .mobile-container .step-panel{margin:0}body.app-redesign .mobile-container .step-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}body.app-redesign .mobile-container .step-nav>:only-child{grid-column:1/-1}body.app-redesign .mobile-container :is(.inline-input-row,.date-row,.calc-fields){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}body.app-redesign .mobile-container :is(.date-field,.duration-panel,.option-panel,.jenis-panel){min-width:0}body.app-redesign .mobile-container .duration-panel{border:1px solid var(--border);background:var(--primary-extra-soft);border-radius:16px;padding:14px}body.app-redesign .mobile-container .date-field{flex-direction:column;gap:7px;display:flex}body.app-redesign .mobile-container .date-field label{color:var(--text);font-size:12px;font-weight:650}body.app-redesign .mobile-container .nominal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}body.app-redesign .mobile-container .method-box--wide{flex-direction:column;gap:7px}body.app-redesign .mobile-container .method-text{text-align:center;min-width:0;color:var(--text);font-size:12px;font-weight:650;line-height:1.35}body.app-redesign .mobile-container :is(.method-qris-icon,.method-logo--wide){object-fit:contain;place-items:center;width:36px;height:36px;display:grid}body.app-redesign .mobile-container .method-qris-icon{background:var(--blue-soft);border-radius:11px}body.app-redesign .mobile-container .method-qris-icon img{width:20px;height:20px}body.app-redesign .mobile-container .bank-list{gap:8px;display:grid}body.app-redesign .mobile-container .bank-row{min-height:58px;color:var(--text);align-items:center;gap:12px;padding:10px 13px;font-size:13px;font-weight:600;display:flex}body.app-redesign .mobile-container .bank-row--selectable{cursor:pointer;width:100%}body.app-redesign .mobile-container :is(.timeline,.steps,.terms-list,.tips-list){color:var(--text);margin:0;padding-left:22px}body.app-redesign .mobile-container :is(.timeline,.steps,.terms-list,.tips-list) li{padding-left:5px;font-size:13px;line-height:1.7}body.app-redesign .mobile-container .landing>.content{flex-direction:column;gap:18px;display:flex}body.app-redesign .mobile-container .landing>.content>.hero{background:linear-gradient(145deg, var(--primary-extra-soft), #fff);box-shadow:var(--shadow-card);border:1px solid #dbeae5;border-radius:22px;padding:22px}body.app-redesign .mobile-container .landing .hero-title{letter-spacing:-.6px;color:var(--text-strong);margin:0;font-size:clamp(22px,5.7vw,27px);font-weight:750;line-height:1.25}body.app-redesign .mobile-container .landing .hero-subtitle{max-width:350px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}body.app-redesign .mobile-container .landing>.content>:is(.choice-grid,.category-grid,.menu-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}body.app-redesign .mobile-container .landing>.content :is(.choice-card,.category-card,.menu-item){border:1px solid var(--border);background:var(--surface);min-width:0;min-height:142px;color:var(--text);border-radius:20px;flex-direction:column;align-items:flex-start;padding:16px;text-decoration:none;display:flex;box-shadow:0 8px 24px #10362e0a}body.app-redesign .mobile-container .landing>.content :is(.choice-icon,.category-icon,.menu-icon){border-radius:17px;place-items:center;width:52px;height:52px;display:grid}body.app-redesign .mobile-container .landing>.content :is(.choice-icon,.category-icon,.menu-icon) img{object-fit:contain;width:27px;height:27px}body.app-redesign .mobile-container .landing>.content :is(.choice-title,.category-label,.menu-label){color:var(--text-strong);margin:14px 0 0;font-size:14px;font-weight:700;line-height:1.4}body.app-redesign .mobile-container .landing>.content .choice-desc{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.5}body.app-redesign .mobile-container .landing>.content :is(.choice-cta,.riwayat-link,.ringkasan-cta){color:var(--primary-dark);margin-top:auto;padding-top:12px;font-size:12px;font-weight:700}body.app-redesign .mobile-container .landing .ringkasan-card,body.app-redesign .mobile-container .landing .empty-state{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);color:var(--text);border-radius:22px;flex-direction:column;padding:22px;text-decoration:none;display:flex}body.app-redesign .mobile-container .landing .ringkasan-total{margin:6px 0}body.app-redesign .mobile-container .landing .empty-state{text-align:center;align-items:center;padding-block:30px}body.app-redesign .mobile-container .landing .empty-icon{background:var(--primary-soft);border-radius:20px;width:62px;height:62px;padding:14px}body.app-redesign .mobile-container .landing .empty-title{color:var(--text-strong);margin:16px 0 6px;font-size:17px;font-weight:700}body.app-redesign .mobile-container .landing .empty-desc{max-width:300px;color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.6}body.app-redesign .mobile-container :is(.alat-grid,.produk-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}body.app-redesign .mobile-container :is(.alat-card,.produk-card){border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:20px;flex-direction:column;align-items:flex-start;padding:13px;text-decoration:none;display:flex;box-shadow:0 8px 24px #10362e0a}body.app-redesign .mobile-container :is(.alat-icon,.produk-icon){border-radius:16px;place-items:center;width:100%;height:92px;margin-bottom:12px;display:grid}body.app-redesign .mobile-container :is(.alat-icon,.produk-icon) img{object-fit:contain;width:42px;height:42px}body.app-redesign .mobile-container :is(.alat-name,.produk-name,.pelatihan-nama,.program-judul){color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:700;line-height:1.45}body.app-redesign .mobile-container :is(.alat-price,.produk-price,.harga-value,.riwayat-nominal,.angsuran-nominal){font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:14px;font-weight:700}body.app-redesign .mobile-container :is(.produk-stock,.alat-card .alat-price){color:var(--muted);margin-top:5px;font-size:11px;line-height:1.45}body.app-redesign .mobile-container .alat-card .alat-status{margin-top:10px}body.app-redesign .mobile-container :is(.pelatihan-list,.program-list,.harga-list,.grade-list,.riwayat-list,.angsuran-list){border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;gap:0;display:grid;overflow:hidden}body.app-redesign .mobile-container :is(.pelatihan-card,.program-card,.harga-card,.grade-card,.riwayat-card,.angsuran-card){background:var(--surface);min-width:0;box-shadow:none;color:var(--text);border:0;border-radius:0;padding:17px;text-decoration:none;display:flex;position:relative}body.app-redesign .mobile-container :is(.pelatihan-card,.program-card,.harga-card,.grade-card,.riwayat-card,.angsuran-card)+:is(.pelatihan-card,.program-card,.harga-card,.grade-card,.riwayat-card,.angsuran-card){border-top:1px solid var(--divider)}body.app-redesign .mobile-container .program-card{flex-direction:column}body.app-redesign .mobile-container :is(.program-desc,.pelatihan-meta,.harga-grade-count,.grade-sumber,.riwayat-tanggal,.angsuran-tanggal){color:var(--muted);font-size:12px;line-height:1.55}body.app-redesign .mobile-container :is(.program-icon,.row-icon,.contact-icon,.guide-icon,.card-icon){background:var(--domain-soft);object-fit:contain;border-radius:15px;flex:none;width:46px;height:46px;padding:11px}body.app-redesign .mobile-container .detail>.content{flex-direction:column;gap:18px;display:flex}body.app-redesign .mobile-container .detail>.content>.hero{min-height:168px;box-shadow:0 12px 30px color-mix(in srgb, var(--domain-accent) 18%, transparent);border-radius:24px;place-items:center;display:grid;background:linear-gradient(145deg, var(--domain-accent), var(--domain-accent-dark))!important}body.app-redesign .mobile-container .detail .hero-icon{object-fit:contain;width:84px;height:84px}body.app-redesign .mobile-container .detail .title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}body.app-redesign .mobile-container :is(.spec-box,.info-box){border:1px solid var(--border);background:var(--primary-extra-soft);border-radius:16px;padding:6px 14px}body.app-redesign .mobile-container .detail .action-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;display:grid}body.app-redesign .mobile-container .search-row{grid-template-columns:minmax(0,1fr) 50px;gap:10px;display:grid}body.app-redesign .mobile-container .search-box{align-items:center;display:flex;position:relative}body.app-redesign .mobile-container .search-box .search-icon{z-index:1;filter:brightness(0)saturate()invert(48%)sepia(9%)saturate(492%)hue-rotate(150deg);width:20px;height:20px;position:absolute;left:14px}body.app-redesign .mobile-container .search-box .search-input{padding-left:44px}body.app-redesign .mobile-container .filter-button,body.app-redesign .mobile-container .sheet-close{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;place-items:center;width:50px;height:50px;display:grid;position:relative}body.app-redesign .mobile-container .result-count{color:var(--muted);margin:14px 2px 10px;font-size:12px;font-weight:650}body.app-redesign .mobile-container .sheet{border-radius:26px 26px 0 0}body.app-redesign .mobile-container .sheet-header,body.app-redesign .mobile-container .sheet-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}body.app-redesign .mobile-container .sheet-title{text-align:left}body.app-redesign .mobile-container .sheet-body{padding-block:18px}body.app-redesign .mobile-container .pill-row{flex-wrap:wrap;gap:8px;display:flex}body.app-redesign .mobile-container .price-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}body.app-redesign .mobile-container .cart-list,body.app-redesign .mobile-container .item-list{border:1px solid var(--border);background:var(--surface);border-radius:20px;gap:0;display:grid;overflow:hidden}body.app-redesign .mobile-container .cart-item,body.app-redesign .mobile-container .item-row{background:var(--surface);min-width:0;box-shadow:none;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;display:grid}body.app-redesign .mobile-container :is(.cart-item,.item-row)+:is(.cart-item,.item-row){border-top:1px solid var(--divider)}body.app-redesign .mobile-container .cart-icon{background:var(--blue-soft);border-radius:15px;place-items:center;width:48px;height:48px;display:grid}body.app-redesign .mobile-container :is(.cart-name,.item-row-name){color:var(--text-strong);font-size:13px;font-weight:700;line-height:1.45}body.app-redesign .mobile-container :is(.cart-price,.cart-subtotal,.item-row-subtotal,.footer-total-value){font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:700}body.app-redesign .mobile-container .footer-bar{z-index:25;width:min(100%, var(--app-width));padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #10362e0f}body.app-redesign .mobile-container .footer-bar .checkout-button{width:auto;min-width:132px}body.app-redesign .mobile-container .footer-total{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}body.app-redesign .mobile-container .footer-total-label{color:var(--muted);font-size:11px;font-weight:600}body.app-redesign .mobile-container .footer-total-value{font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:clamp(17px,5vw,20px);font-weight:750}body.app-redesign .mobile-container .komoditi>.content,body.app-redesign .mobile-container .harga>.content{flex-direction:column;display:flex}body.app-redesign .mobile-container .komoditi .setor-cta{background:var(--domain-accent);align-self:flex-start;width:auto;min-width:150px;margin-bottom:18px;box-shadow:0 8px 20px #668f3629}body.app-redesign .mobile-container .rekening-grid{gap:11px;display:grid}body.app-redesign .mobile-container .rekening-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);border-radius:19px;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:17px;text-decoration:none;display:grid;box-shadow:0 8px 24px #10362e0a}body.app-redesign .mobile-container .rekening-card--add{background:var(--domain-soft);border-style:dashed}body.app-redesign .mobile-container .rekening-nama{color:var(--text-strong);font-size:14px;font-weight:700}body.app-redesign .mobile-container :is(.rekening-nilai,.harga-range,.grade-harga){font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:14px;font-weight:700}body.app-redesign .mobile-container :is(.bantuan,.panduan,.pengaturan,.ubah-sandi,.ubah-pin,.tentang,.terms,.privacy)>.content{flex-direction:column;display:flex}body.app-redesign .mobile-container :is(.faq-item,.list-row,.contact-row,.guide-link){min-width:0;padding:15px 2px}body.app-redesign .mobile-container :is(.faq-item--divider,.list-row--divider,.contact-row--divider){border-top:1px solid var(--divider)}body.app-redesign .mobile-container :is(.faq-question,.list-row,.contact-row,.guide-link){width:100%;font:inherit;text-align:left;color:var(--text);align-items:center;gap:12px;text-decoration:none;display:flex}body.app-redesign .mobile-container .faq-question{cursor:pointer;background:0 0;border:0;justify-content:space-between;padding:0;font-size:13px;font-weight:650}body.app-redesign .mobile-container :is(.list-row-label,.contact-label){color:var(--text-strong);margin:0;font-size:13px;font-weight:650}body.app-redesign .mobile-container :is(.list-row-desc,.contact-value,.faq-answer p){color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.55}body.app-redesign .mobile-container .contact-text{flex:1;min-width:0}body.app-redesign .mobile-container .switch{flex:none;width:44px;height:26px;display:inline-block;position:relative}body.app-redesign .mobile-container .switch-input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}body.app-redesign .mobile-container .switch-track{background:#d5dfdc;border-radius:999px;transition:background-color .18s;position:absolute;inset:0}body.app-redesign .mobile-container .switch-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0b294033}body.app-redesign .mobile-container .switch-input:checked~.switch-track{background:var(--primary)}body.app-redesign .mobile-container .switch-input:checked~.switch-track .switch-thumb{transform:translate(18px)}body.app-redesign .mobile-container .switch-input:focus-visible~.switch-track{outline-offset:3px;outline:3px solid #168b7047}body.app-redesign .mobile-container .hero-card{text-align:center;flex-direction:column;align-items:center;padding:26px;display:flex}body.app-redesign .mobile-container .hero-card .app-icon{border-radius:21px;width:72px;height:72px;box-shadow:0 10px 24px #168b7024}body.app-redesign .mobile-container .app-name{color:var(--text-strong);margin:15px 0 3px;font-size:18px;font-weight:750}body.app-redesign .mobile-container .qris>.content{flex-direction:column;gap:18px;display:flex}body.app-redesign .mobile-container .qris .tabs{border:1px solid var(--border);background:var(--surface);border-radius:17px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}body.app-redesign .mobile-container .qris .tab{border-radius:12px}body.app-redesign .mobile-container .qris .panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;padding:22px}body.app-redesign .mobile-container .qris .viewfinder{aspect-ratio:1;background:#101d2a;border-radius:22px;width:min(100%,270px);margin-inline:auto}body.app-redesign .mobile-container .qris .hint{text-align:center;color:var(--muted);margin:16px auto;font-size:13px;line-height:1.55}body.app-redesign .mobile-container .coming-soon>.content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 84px);padding:36px 22px;display:flex}body.app-redesign .mobile-container .coming-soon .illustration-wrap{background:var(--primary-soft);border-radius:28px;place-items:center;width:92px;height:92px;margin-bottom:20px;display:grid}body.app-redesign .mobile-container .coming-soon .illustration{width:48px;height:48px;margin:0}body.app-redesign .mobile-container .coming-soon .feature-name{background:var(--primary-extra-soft);letter-spacing:.3px;color:var(--primary-dark);border-radius:999px;margin:0 0 10px;padding:5px 10px;font-size:11px;font-weight:700}body.app-redesign .mobile-container .coming-soon h1{letter-spacing:-.7px;color:var(--text-strong);margin:0;font-size:clamp(24px,6vw,28px);font-weight:750;line-height:1.25}body.app-redesign .mobile-container .coming-soon .message{max-width:310px;color:var(--muted);margin:10px 0 24px;font-size:13px;line-height:1.6}body.app-redesign .mobile-container .coming-soon .home-cta{width:auto;min-width:180px}@media (width<=360px){body.app-redesign .mobile-container>section>.content,body.app-redesign .mobile-container>section>form.content{padding-inline:14px}body.app-redesign .mobile-container .card{padding:17px 15px}body.app-redesign .mobile-container :is(.detail-row,.ringkasan-row,.spec-row,.modal-row){flex-wrap:wrap}body.app-redesign .mobile-container .method-grid,body.app-redesign .mobile-container :is(.inline-input-row,.date-row,.calc-fields){grid-template-columns:minmax(0,1fr)}body.app-redesign .mobile-container .otp-boxes{gap:5px}body.app-redesign .mobile-container .otp-boxes .otp-box{min-height:46px;font-size:16px}body.app-redesign .mobile-container .landing>.content>:is(.choice-grid,.category-grid,.menu-grid){grid-template-columns:minmax(0,1fr)}body.app-redesign .mobile-container .cart-item,body.app-redesign .mobile-container .item-row{grid-template-columns:44px minmax(0,1fr)}body.app-redesign .mobile-container :is(.cart-side,.item-row-subtotal){grid-column:2}body.app-redesign .mobile-container .footer-bar{gap:10px;padding-inline:12px}body.app-redesign .mobile-container .footer-bar .checkout-button{min-width:116px}}@media (prefers-reduced-motion:reduce){body.app-redesign .mobile-container *,body.app-redesign .mobile-container :before,body.app-redesign .mobile-container :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#111827;min-height:100vh;font-family:Inter Variable,Inter,sans-serif}.mobile-container{width:100%;max-width:var(--app-width,400px);background:#fff;min-height:100vh;margin-inline:auto;position:relative;overflow-x:hidden}body.home-surface{--app-width:480px;background:#eaf0ee}