@font-face{font-family: 'Outfit';font-style: normal;font-weight: 600 900;font-display: swap;src: url("../assets/fonts/outfit-latin-ext-v15.woff2") format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: 'Outfit';font-style: normal;font-weight: 600 900;font-display: swap;src: url("../assets/fonts/outfit-latin-v15.woff2") format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Manrope';font-style: normal;font-weight: 400 700;font-display: swap;src: url("../assets/fonts/manrope-latin-ext-v20.woff2") format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: 'Manrope';font-style: normal;font-weight: 400 700;font-display: swap;src: url("../assets/fonts/manrope-latin-v20.woff2") format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Caveat';font-style: normal;font-weight: 500 600;font-display: swap;src: url("../assets/fonts/caveat-latin-ext-v23.woff2") format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family: 'Caveat';font-style: normal;font-weight: 500 600;font-display: swap;src: url("../assets/fonts/caveat-latin-v23.woff2") format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}html, body, button, a, input, select, textarea, summary, [role="button"], [role="tab"]{touch-action: manipulation}:root{--ink: #211719;--ink-2: #6E5559;--ink-3: #9C8B8E;--bg: #FAF5F2;--bg-card: #FFFCFC;--bg-alt: #F6EEEC;--line: #E8D8D5;--line-soft: rgba(33,23,25,.08);--brand-1: #2E0E13;--brand-2: #8D2337;--brand-3: #C9405C;--grad-brand: linear-gradient(212.15deg, #2E0E13 6.09%, #B5314B 100%);--accent: #8D2337;--accent-hi: #A82C43;--accent-lo: #741C2D;--accent-ring: #4A1320;--accent-ink: #FDECEF;--accent-soft: #FCE4E9;--grad-accent: linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 100%);--accent-glow: rgba(46,14,19,.30);--online: #2FBF71;--gold-1: #A8905E;--gold-2: #E4D2A8;--grad-gold: linear-gradient(212.15deg, #A8905E 6.09%, #E4D2A8 100%);--rim: inset 0 0 0 1px rgba(255,255,255,.28);--rim-dark: inset 0 0 0 1px rgba(33,23,25,.08);--spec: inset 0 1px 0 rgba(255,255,255,.55);--spec-soft: inset 0 1px 0 rgba(255,255,255,.9);--sink: inset 0 -1px 0 rgba(0,0,0,.10);--lift-1: 0 1px 2px rgba(60,16,26,.07), 0 2px 5px rgba(60,16,26,.05);--lift-2: 0 2px 4px rgba(60,16,26,.06), 0 8px 20px rgba(60,16,26,.08);--lift-3: 0 4px 10px rgba(60,16,26,.07), 0 18px 44px rgba(60,16,26,.11);--grad-card: linear-gradient(180deg, #FFFFFF 0%, #FDF7F6 100%);--grad-glass: linear-gradient(180deg, rgba(255,252,252,.88) 0%, rgba(255,252,252,.68) 100%);--radius-card: 26px;--radius-btn: 100px;--radius-sm: 14px;--radius-pill: 999px;--font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-display: 'Outfit', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--wt-display: 800;--wrap: 1080px;--pad-section: 120px}@media (max-width: 720px){:root{--pad-section: 76px;--radius-card: 22px}}.sandi-bungkus{position: relative;display: block}.sandi-bungkus > input{padding-right: 48px}.sandi-mata{position: absolute;top: 50%;right: 6px;transform: translateY(-50%);display: grid;place-items: center;width: 38px;height: 38px;padding: 0;margin: 0;border: 0;border-radius: 999px;background: none;color: var(--ink-3);cursor: pointer}.sandi-mata:hover{color: var(--ink-2)}.sandi-mata.is-on{color: var(--accent)}.sandi-mata:focus-visible{outline: 2px solid var(--brand-2);outline-offset: 2px}.sandi-mata .ic-lucide{width: 19px;height: 19px}.ic-lucide{fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.ic{width: 18px;height: 18px;display: block}.dilindungi img, .dilindungi video{-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag: none}.tanda-air{position: absolute;inset: 0;z-index: 2;overflow: hidden;pointer-events: none}.tanda-air-kisi{position: absolute;left: -40%;top: -40%;width: 180%;height: 180%;display: grid;grid-template-columns: repeat(3, 1fr);align-content: space-around;justify-items: center;transform: rotate(-24deg)}.tanda-air-kisi span{padding: 28px 10px;font: 700 12px/1 var(--font, sans-serif);letter-spacing: .02em;white-space: nowrap;color: rgba(255, 255, 255, .3);text-shadow: 0 0 2px rgba(0, 0, 0, .35)}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;min-height: 100vh;min-height: 100svh;font-family: var(--font);color: var(--ink);background: var(--bg);line-height: 1.55;-webkit-font-smoothing: antialiased}img{max-width: 100%;display: block}a{color: inherit}body::before{content: "";position: fixed;inset: 0;z-index: -2;pointer-events: none;background: radial-gradient(58vw 48vw at 80% -10%, rgba(253,221,134,.30), transparent 62%), radial-gradient(50vw 44vw at 4% 24%, rgba(193,118,27,.08), transparent 60%)}body::after{content: "";position: fixed;inset: 0;z-index: -1;pointer-events: none;background: url("../assets/paper-grain.svg") repeat;background-size: 220px 220px;opacity: .5;mix-blend-mode: multiply}.app{display: flex;flex-direction: column;min-height: 100vh;min-height: 100svh;padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.splash{position: relative;flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 28px 24px 24px;text-align: center}.splash-mid{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center}.splash-orbit{position: absolute;inset: 0;z-index: 0;pointer-events: none;overflow: hidden}.splash-av{position: absolute;border-radius: 50%;object-fit: cover;width: 56px;height: 56px;box-shadow: 0 0 0 3px rgba(255,253,249,.9), var(--lift-2);opacity: .85}.splash-av:nth-child(1){top: 7%;left: 6%;width: 50px;height: 50px}.splash-av:nth-child(2){top: 3%;right: 12%;width: 62px;height: 62px}.splash-av:nth-child(3){top: 20%;right: 3%;width: 44px;height: 44px;opacity: .7}.splash-av:nth-child(4){top: 17%;left: 14%;width: 40px;height: 40px;opacity: .65}.splash-av:nth-child(5){top: 31%;left: 2%;width: 52px;height: 52px;opacity: .75}.splash-av:nth-child(6){top: 33%;right: 8%;width: 46px;height: 46px;opacity: .6}.splash-logo{width: 88px;height: 88px;margin-bottom: 18px;filter: drop-shadow(0 6px 18px rgba(46,14,19,.22))}.splash-word{font-family: var(--font);font-weight: 700;font-size: clamp(30px, 8.6vw, 40px);line-height: .95;letter-spacing: -.035em;margin: 0;max-width: 9ch;text-wrap: balance;background: var(--grad-brand);-webkit-background-clip: text;background-clip: text;color: transparent}.splash-tag{margin: 12px 0 0;max-width: 19ch;font-size: 15px;color: var(--ink-2)}.splash-foot{position: relative;z-index: 1;width: 100%;max-width: 400px;margin-top: auto;padding-top: 30px}.splash-fine{margin: 14px 0 0;font-size: 12px;color: var(--ink-3)}.splash-fine a{color: var(--ink-2);text-decoration: underline;text-underline-offset: 2px}.splash-masuk{margin-top: 10px}.scrim{display: none}.sheet{width: 100%;max-width: 424px;margin: 0 auto 40px;background: var(--grad-card);border-radius: var(--radius-card);box-shadow: var(--rim-dark), var(--spec-soft), var(--lift-2)}.sheet-body{padding: 30px 26px 26px}@media (max-width: 480px){.sheet-body{padding: 26px 20px 22px}}.sheet-grip{display: none}.sheet-head{padding: 0 18px}@media (max-width: 480px){.sheet-head{padding: 0 16px}}.sheet-nav{display: flex;align-items: center;justify-content: space-between;min-height: 38px;gap: 12px;padding: 8px 0}.sheet-back, .btn-back{display: grid;place-items: center;width: 38px;height: 38px;padding: 0;margin: 0;border: 0;border-radius: 999px;background: var(--grad-card);box-shadow: var(--rim-dark), var(--spec-soft), var(--lift-1);color: var(--ink);text-decoration: none;cursor: pointer;flex: none;transition: box-shadow .18s ease, transform .14s ease}.sheet-back, .btn-back{position: relative}.sheet-back::after, .btn-back::after{content: '';position: absolute;inset: -3px;border-radius: 999px}.sheet-back svg, .btn-back svg{width: 20px;height: 20px}.sheet-back:hover, .btn-back:hover{box-shadow: var(--rim-dark), var(--spec-soft), var(--lift-2)}.sheet-back:active, .btn-back:active{transform: translateY(1px)}.sheet-back:focus-visible, .btn-back:focus-visible{outline: 2px solid var(--brand-2);outline-offset: 2px}.sheet-back[hidden], .btn-back[hidden]{display: none}.app-head{display: grid;grid-template-columns: 44px 1fr 44px;align-items: center;padding: calc(12px + env(safe-area-inset-top)) 16px 12px}.app-head--flex{display: flex;align-items: center;gap: 10px;padding: calc(12px + env(safe-area-inset-top)) 16px 12px}.sheet-toggle{margin-left: auto;padding: 0 16px;border: 0;border-radius: 999px;background: var(--grad-card);box-shadow: var(--rim-dark), var(--spec-soft), inset 0 -1px 0 rgba(22,25,26,.05), var(--lift-1);font: inherit;font-size: 14px;font-weight: 600;letter-spacing: -.012em;color: var(--ink);white-space: nowrap;min-height: 38px;cursor: pointer;flex: none;transition: box-shadow .18s ease, transform .14s ease}.sheet-toggle:hover{box-shadow: var(--rim-dark), var(--spec-soft), inset 0 -1px 0 rgba(22,25,26,.05), var(--lift-2)}.sheet-toggle:active{transform: translateY(1px)}.sheet-toggle:focus-visible{outline: 2px solid var(--brand-2);outline-offset: 2px}.sheet-toggle[hidden]{display: none}.step + .step{margin-top: 30px;padding-top: 30px;border-top: 1px solid var(--line)}.auth-h1{font-family: var(--font-display);font-weight: var(--wt-display);font-size: clamp(28px, 7vw, 34px);line-height: 1.04;letter-spacing: -.04em;margin: 0 0 8px}.auth-lede{font-size: 14.5px;color: var(--ink-2);margin: 0 0 22px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 14px 22px;border-radius: var(--radius-btn);font: inherit;font-size: 15px;font-weight: 600;letter-spacing: -.012em;text-decoration: none;cursor: pointer;border: 0;white-space: nowrap;min-height: 48px;transition: transform .14s ease, box-shadow .18s ease, filter .18s ease}.btn-lg{padding: 16px 24px;font-size: 16px;min-height: 54px}.btn-primary{background: var(--grad-accent);color: var(--accent-ink);box-shadow: 0 0 0 1.5px var(--accent-ring), var(--spec), 0 3px 0 var(--accent-lo), 0 4px 4px rgba(0,0,0,.12), 0 10px 22px var(--accent-glow)}.btn-primary:hover:not(:disabled){filter: brightness(1.04)}.btn-primary:active:not(:disabled){transform: translateY(2px);box-shadow: 0 0 0 1.5px var(--accent-ring), 0 1px 0 var(--accent-lo), 0 1px 2px rgba(0,0,0,.14)}.btn-ghost{background: var(--grad-card);color: var(--ink);box-shadow: var(--rim-dark), var(--spec-soft), inset 0 -1px 0 rgba(22,25,26,.05), var(--lift-1)}.btn-ghost:hover:not(:disabled){box-shadow: var(--rim-dark), var(--spec-soft), inset 0 -1px 0 rgba(22,25,26,.05), var(--lift-2)}.btn-ghost:active:not(:disabled){transform: translateY(1px)}.btn:focus-visible{outline: 2px solid var(--brand-2);outline-offset: 3px}.btn:disabled{opacity: .55;cursor: not-allowed}.btn[hidden]{display: none}.btn + .btn{margin-top: 10px}.btn-plain{display: inline;width: auto;min-height: 0;padding: 0;background: none;border: 0;box-shadow: none;font: inherit;font-size: inherit;font-weight: 600;color: var(--brand-2);cursor: pointer;text-decoration: none}.btn-plain:hover{text-decoration: underline}.btn-plain:focus-visible{outline: 2px solid var(--brand-2);outline-offset: 2px;border-radius: 4px}.btn-sheet{display: none}.auth-or{display: flex;align-items: center;gap: 14px;margin: 16px 0;font-size: 12px;color: var(--ink-3)}.auth-or::before, .auth-or::after{content: "";flex: 1;height: 1px;background: var(--line)}.auth-field{margin-bottom: 15px}.auth-label{display: block;font-size: 12px;font-weight: 600;letter-spacing: .04em;text-transform: uppercase;color: var(--ink-3);margin-bottom: 7px}.auth-input, .auth-select, .field-select{width: 100%;padding: 13px 15px;border-radius: var(--radius-sm);font: inherit;font-size: 16px;min-height: 50px;color: var(--ink);background: var(--bg-card);border: 0;-webkit-appearance: none;appearance: none;box-shadow: var(--rim-dark), inset 0 1px 2px rgba(21,22,30,.05)}.auth-input::placeholder{color: var(--ink-3)}.auth-input:focus, .auth-select:focus, .field-select:focus{outline: 2px solid var(--brand-2);outline-offset: 1px}.auth-input[aria-invalid="true"], .auth-select[aria-invalid="true"], .field-select[aria-invalid="true"]{box-shadow: 0 0 0 1.5px #C0392B, inset 0 1px 2px rgba(21,22,30,.05)}.auth-check[aria-invalid="true"] input{outline: 2px solid #C0392B;outline-offset: 1px}.auth-hint{margin: 7px 0 0;font-size: 12.5px;color: var(--ink-3)}.auth-galat{margin: 7px 0 0;font-size: 12.5px;line-height: 1.45;color: #922B21}.auth-galat[hidden]{display: none}.auth-check .auth-galat{margin-top: 8px}.auth-select, .field-select{padding-right: 42px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2369655F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center}.field-select:disabled{opacity: .55;cursor: not-allowed}.tgl-grup{display: grid;grid-template-columns: 1fr 1fr 1.35fr;gap: 10px}.tgl-grup .auth-input{text-align: center;padding-left: 8px;padding-right: 8px}.auth-check{display: flex;gap: 10px;align-items: flex-start;font-size: 13px;color: var(--ink-2);margin: 0 0 18px}.auth-check input{margin: 2px 0 0;width: 18px;height: 18px;accent-color: var(--accent-lo);flex: none}.auth-check a{color: var(--brand-2);font-weight: 600;text-decoration: none}.auth-check a:hover{text-decoration: underline}.auth-alt{margin: 18px 0 0;font-size: 14px;color: var(--ink-2);text-align: center}.auth-alt + .auth-alt{margin-top: 8px}.auth-alt-inline{margin: 4px 0 0;text-align: left}.catatan-kecil{margin: 16px 0 0;font-size: 12.5px;line-height: 1.5;color: var(--ink-3);text-align: center}.catatan-inline{margin: 10px 0 0;text-align: left}.catatan-foot{margin: 0 0 10px}.auth-note{margin: 0 0 16px;padding: 12px 14px;border-radius: var(--radius-sm);background: var(--bg-alt);box-shadow: inset 0 0 0 1px var(--line);font-size: 12.5px;color: var(--ink-2);line-height: 1.5}.auth-note a{color: var(--brand-2);font-weight: 600;text-decoration: none}.auth-note b{color: var(--ink)}.akun-chip{display: inline-block;margin: 0 0 18px;padding: 7px 14px;border-radius: var(--radius-pill);background: var(--accent-soft);box-shadow: inset 0 0 0 1px rgba(46,14,19,.16);font-size: 13px;font-weight: 600;color: var(--brand-1);max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.formsg{margin: 0 0 18px;padding: 12px 14px;border-radius: var(--radius-sm);font-size: 13.5px;line-height: 1.5}.formsg-form{margin: 0 0 14px}.formsg[hidden]{display: none}.formsg.is-error{background: #FDECEA;color: #922B21;box-shadow: inset 0 0 0 1px rgba(146,43,33,.14)}.formsg.is-ok{background: var(--accent-soft);color: var(--brand-1);box-shadow: inset 0 0 0 1px rgba(46,14,19,.16)}.app-kabar{position: fixed;inset: auto 16px 20px;z-index: 10000;display: flex;align-items: center;gap: 12px;width: max-content;max-width: min(480px, calc(100% - 32px));margin: 0 auto;padding: 12px 14px;border: 0;border-radius: 14px;font: 600 13px/1.5 var(--font);overflow-y: auto;box-shadow: var(--rim-dark), var(--lift-3);background: var(--bg-card);color: var(--ink)}.app-kabar[hidden]{display: none}.app-kabar.is-error{background: #FDECEA;color: #922B21}.app-kabar.is-ok{background: var(--accent-soft);color: var(--brand-1)}.app-kabar span{flex: 1;overflow-wrap: anywhere}.app-kabar button{flex: none;width: 32px;height: 32px;padding: 0;border: 0;border-radius: 50%;background: transparent;color: inherit;font-size: 24px;cursor: pointer}.app-kabar button:focus-visible{outline: 2px solid currentColor}.plain-top{padding: 22px 24px 0}.plain-brand{display: inline-flex;align-items: center;gap: 9px;font-family: var(--font);font-size: 20.5px;font-weight: 700;line-height: 1;letter-spacing: -.03em;text-decoration: none;color: var(--ink)}.plain-brand img{width: 25px;height: 25px}.plain-main{flex: 1;display: grid;place-items: center;padding: 28px 24px 40px}.plain-card{width: 100%;max-width: 424px;background: var(--grad-card);border-radius: var(--radius-card);box-shadow: var(--rim-dark), var(--spec-soft), var(--lift-2);padding: 34px 28px 28px}.plain-card-head{display: none}.plain-card-body{min-width: 0}.plain-card-form{display: block}.kode{margin: 0 0 10px;font-size: 11.5px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--ink-3)}.plain-card h1{font-family: var(--font-display);font-weight: var(--wt-display);font-size: clamp(28px, 7vw, 34px);line-height: 1.04;letter-spacing: -.04em;margin: 0 0 10px}.plain-card > p:not([class]), .plain-card-body > p:not([class]){font-size: 14.5px;color: var(--ink-2);margin: 0 0 20px}.aksi{margin-top: 22px}.aksi[hidden]{display: none}.auth-foot{padding: 0 24px 26px;text-align: center;font-size: 12.5px;color: var(--ink-3)}.auth-foot a{color: var(--ink-2);text-decoration: none}.auth-foot a:hover{color: var(--ink)}.plain-card-body > .auth-foot{padding: 18px 0 0;margin: 18px 0 0;border-top: 1px solid var(--line)}@media (max-width: 480px){html:has(body.plain-page){height: 100%}body.plain-page{position: fixed;inset: 0;width: 100%;height: 100%;overflow: hidden}body.plain-page .app{height: 100%;padding-left: 0;padding-right: 0;padding-bottom: 0}body.plain-page .plain-top{display: none}body.plain-page .plain-main{display: flex;flex-direction: column;flex: 1;min-height: 0;padding: max(10px, env(safe-area-inset-top)) 0 0;place-items: stretch}body.plain-page .plain-card{flex: 1;min-height: 0;max-width: none;display: flex;flex-direction: column;border-radius: var(--radius-card) var(--radius-card) 0 0;padding: 0;box-shadow: var(--rim-dark), var(--spec-soft), 0 -2px 10px rgba(60,44,16,.08)}body.plain-page .plain-card-head{display: block;flex: none;padding: 8px 16px 8px;background: var(--bg-card);touch-action: none}body.plain-page .plain-card-grip{display: block;width: 38px;height: 4px;margin: 4px auto 10px;border-radius: 99px;background: var(--line)}body.plain-page .plain-card-nav{justify-content: flex-start;gap: 10px;padding: 0;min-height: 38px}body.plain-page .plain-card-nav .plain-brand{font-size: 18px}body.plain-page .plain-card.is-dragging{transition: none}body.plain-page .plain-card.is-dismissing{transition: transform .28s cubic-bezier(.32,.72,0,1), opacity .24s ease;transform: translateY(110%);opacity: .4}body.plain-page .plain-card-form{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column}body.plain-page .plain-card-body{flex: 1 1 auto;min-height: 0;overflow: auto;-webkit-overflow-scrolling: touch;padding: 4px 20px 18px}body.plain-page .plain-card-body > .auth-foot{margin-top: 22px;padding-top: 16px;padding-bottom: 4px}body.plain-page .plain-card .step-foot{flex: none;margin-top: 0;padding: 12px 20px calc(env(safe-area-inset-bottom) + 16px);background: var(--bg-card);box-shadow: 0 -1px 0 var(--line)}body.plain-page .plain-card .step-foot .formsg-form{margin-bottom: 10px}body.plain-page .plain-card .aksi.step-foot{display: grid;gap: 10px;margin-top: 0}body.plain-page .plain-card .aksi.step-foot[hidden]{display: none}}@media (min-width: 481px){.plain-card-head{display: block;margin: -10px 0 18px}.plain-card-grip{display: none}.plain-card-nav{justify-content: flex-start;gap: 10px;padding: 0;min-height: 38px}.plain-card .step-foot{margin-top: 22px}.plain-card .aksi.step-foot{display: grid;gap: 10px}.plain-card .aksi.step-foot[hidden]{display: none}}.auth-ic{width: 60px;height: 60px;margin: 0 0 18px;border-radius: 50%;display: grid;place-items: center;font-size: 25px;background: var(--accent-soft);box-shadow: inset 0 0 0 1px rgba(46,14,19,.16)}.step-label{font-size: 10.5px;font-weight: 700;letter-spacing: .11em;text-transform: uppercase;color: var(--ink-3);margin: 0 0 9px}.step-label--spaced{margin-top: 22px}.step-label[hidden]{display: none}.app-card{display: flex;align-items: center;gap: 10px;margin-bottom: 16px}.app-card-teks{min-width: 0}.app-card .nm{font-size: 15px;font-weight: 700;letter-spacing: -.015em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.app-card .mt{font-size: 12px;color: var(--ink-3)}.app-card-av{width: 40px;height: 40px;border-radius: 50%;flex: none;overflow: hidden;position: relative;display: grid;place-items: center;background: var(--bg-alt);box-shadow: var(--rim-dark)}.app-card-av img{width: 100%;height: 100%;object-fit: cover;filter: blur(7px);transform: scale(1.15)}.app-card-inisial{position: absolute;inset: 0;display: grid;place-items: center;font-family: var(--font-display);font-weight: var(--wt-display);font-size: 18px;color: var(--ink-3)}.sticky-foot{position: fixed;left: 0;right: 0;bottom: 0;z-index: 6;padding: 10px 16px calc(10px + env(safe-area-inset-bottom));background: rgba(247,241,230,.96);backdrop-filter: blur(14px);box-shadow: 0 -1px 0 var(--line), 0 -8px 24px rgba(21,22,30,.06)}.sticky-foot[hidden]{display: none}.sticky-foot-bar{display: flex;align-items: center;gap: 12px;max-width: 520px;margin: 0 auto}.sticky-foot-teks{min-width: 0;flex: 1}.sticky-foot-jdl{display: block;font-size: 14px;font-weight: 700;letter-spacing: -.01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.sticky-foot-sub{display: block;font-size: 12px;color: var(--ink-3);font-variant-numeric: tabular-nums}.sticky-foot-sub.is-kurang{color: #922B21;font-weight: 600}.sticky-foot-btn{flex: none;width: auto;min-width: 118px;padding: 12px 18px;min-height: 46px;font-size: 14px;white-space: nowrap}.sticky-foot-btn.is-tunggu, .sticky-foot-btn.is-tunggu:disabled{background: var(--bg-alt);color: var(--ink-3);box-shadow: inset 0 0 0 1px var(--line);opacity: 1;cursor: not-allowed;transform: none}.sticky-foot-btn.is-topup{background: var(--grad-card);color: var(--accent-ink);box-shadow: var(--rim-dark), var(--spec-soft), var(--lift-1)}.sticky-foot-cat{max-width: 520px;margin: 6px auto 0;font-size: 10.5px;color: var(--ink-3);text-align: center;line-height: 1.4}.sticky-foot-cat[hidden]{display: none}.confirm-scrim{position: fixed;inset: 0;z-index: 20;background: rgba(21,22,30,.42);opacity: 0;pointer-events: none;transition: opacity .25s ease}.confirm-scrim.is-on{opacity: 1;pointer-events: auto}.confirm-scrim[hidden]{display: none}.confirm-sheet{position: fixed;left: 0;right: 0;bottom: 0;z-index: 21;max-height: 86svh;overflow-y: auto;border-radius: var(--radius-card) var(--radius-card) 0 0;background: var(--bg-card);box-shadow: 0 -10px 40px rgba(60,44,16,.18);padding-bottom: calc(18px + env(safe-area-inset-bottom))}.confirm-sheet[hidden]{display: none}.confirm-sheet:not(.confirm-sheet--slide):not([hidden]){animation: confirm-sheet-in .22s ease-out}@keyframes confirm-sheet-in{from{transform: translateY(14px);opacity: .6}}.confirm-sheet--slide{left: 50%;right: auto;width: 100%;max-width: 460px;transform: translate(-50%, 100%);transition: transform .3s cubic-bezier(.32,.72,0,1);padding: 10px 20px calc(24px + env(safe-area-inset-bottom));animation: none}.confirm-sheet--slide.is-on{transform: translate(-50%, 0)}.confirm-sheet-grip{width: 40px;height: 4px;margin: 10px auto 4px;border-radius: 99px;background: var(--line)}.confirm-sheet-body{padding: 8px 20px 0}.confirm-sheet-body h2{margin: 0 0 12px;font: var(--wt-display) 26px/1.1 var(--font-display);letter-spacing: -.03em}.confirm-sheet-body p{margin: 0 0 10px;font-size: 13.5px;line-height: 1.5;color: var(--ink-2)}.confirm-sheet-note{color: var(--ink-3);font-size: 12.5px}.confirm-sheet-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-top: 18px}.confirm-sheet-actions .btn{margin: 0}.confirm-scrim--instant{opacity: 1;pointer-events: auto;transition: none}.app-tabs{display: flex;gap: 6px;overflow-x: auto;padding: 4px 2px 10px;margin-top: -4px;scrollbar-width: none;-webkit-overflow-scrolling: touch}.app-tabs::-webkit-scrollbar{display: none}.app-tabs button{flex: none;padding: 9px 15px;border: 0;border-radius: var(--radius-pill);font: inherit;font-size: 13.5px;font-weight: 600;background: var(--bg-alt);color: var(--ink-2);box-shadow: inset 0 0 0 1px var(--line);cursor: pointer;min-height: 40px}.app-tabs button[hidden]{display: none}.app-tabs button.is-on{background: var(--grad-accent);color: var(--accent-ink);box-shadow: 0 0 0 1.5px var(--accent-ring), var(--spec)}.app-tabs button:focus-visible{outline: 2px solid var(--brand-2);outline-offset: 2px}.app-tab-hitung{display: inline-block;margin-left: 6px;padding: 1px 7px;border-radius: 99px;font-size: 11px;font-weight: 700;background: rgba(21,22,30,.10)}.app-tabs button.is-on .app-tab-hitung{background: rgba(4,48,26,.16)}.app-eyebrow{display: block;margin-bottom: 4px;color: var(--brand-2);font-size: 10px;font-weight: 700;letter-spacing: .09em;text-transform: uppercase}.btn-tolak{background: #FDECEA;color: #922B21;box-shadow: inset 0 0 0 1px rgba(146,43,33,.22)}.btn-tolak:hover:not(:disabled){filter: brightness(.98)}@media (prefers-reduced-motion: reduce){.confirm-scrim, .confirm-sheet--slide, .confirm-sheet:not(.confirm-sheet--slide){transition: none;animation: none}}.js-app, .js-app body{height: 100%;overflow: hidden}.js-app body{position: fixed;inset: 0;width: 100%}.js-app .app{height: 100%}.js-app .btn-sheet{display: inline-flex}.js-app .scrim{display: block;position: fixed;inset: 0;z-index: 10;background: rgba(21,22,30,.34);backdrop-filter: blur(2px);opacity: 0;pointer-events: none;transition: opacity .3s ease}.js-app .scrim.is-on{opacity: 1;pointer-events: auto}.js-app .sheet{position: fixed;z-index: 11;left: 50%;right: auto;bottom: 0;width: 100%;max-width: 460px;margin: 0;transform: translate(-50%, 100%);border-radius: var(--radius-card) var(--radius-card) 0 0;box-shadow: 0 -2px 10px rgba(60,44,16,.08), 0 -18px 50px rgba(60,44,16,.16);max-height: min(90svh, calc(100svh - 116px));display: flex;flex-direction: column;overflow: hidden;transition: transform .36s cubic-bezier(.32,.72,0,1);visibility: hidden}.js-app .sheet.is-on{transform: translate(-50%, 0);visibility: visible}.js-app .sheet-body{flex: 1 1 auto;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;padding: 14px 26px calc(26px + env(safe-area-inset-bottom))}@media (max-width: 480px){.js-app .sheet-body{padding: 14px 20px calc(22px + env(safe-area-inset-bottom))}}.js-app .sheet-head{position: sticky;top: 0;z-index: 2;background: var(--bg-card);padding: 10px 26px 0}.js-app .sheet-nav{padding-bottom: 0}.js-app .step.is-on > .auth-h1:first-child{margin-top: 0}.js-app .sheet-grip{display: block;width: 38px;height: 4px;margin: 10px auto 10px;border-radius: 99px;background: var(--line)}.js-app .step-sticky form{display: flex;flex-direction: column;min-height: calc(92svh - 148px)}.js-app .step-sticky .step-fields{flex: 1 1 auto}.js-app .step-foot{position: sticky;bottom: 0;z-index: 1;margin-top: auto;padding-top: 12px;padding-bottom: calc(env(safe-area-inset-bottom) + 14px);background: linear-gradient(to top, var(--bg-card) 72%, rgba(255,253,249,0))}.js-app .step-foot .formsg-form{margin-bottom: 10px}@media (max-width: 480px){.js-app .sheet-head{padding-left: 20px;padding-right: 20px}.js-app .step-foot{padding-bottom: calc(env(safe-area-inset-bottom) + 16px)}}.js-app .step{display: none}.js-app .step.is-on{display: block}.js-app .step + .step{margin: 0;padding: 0;border-top: 0}.js-app .splash{transition: transform .36s cubic-bezier(.32,.72,0,1), opacity .3s ease}.js-app.sheet-open .splash{transform: scale(.965);opacity: .5}@media (prefers-reduced-motion: reduce){.js-app .sheet, .js-app .scrim, .js-app .splash, .btn{transition: none}.js-app.sheet-open .splash{transform: none}}@media (max-height: 720px){.splash-logo{width: 68px;height: 68px;margin-bottom: 12px}.splash-tag{margin-top: 8px}.splash-av:nth-child(4), .splash-av:nth-child(6){display: none}}@media (max-height: 600px){.splash-tag{display: none}.splash-orbit{display: none}.splash-logo{width: 54px;height: 54px}}.br-media-pilih{display: grid;gap: 8px;padding-bottom: 8px}.br-media-opsi{display: flex;align-items: center;gap: 14px;width: 100%;min-height: 60px;padding: 12px 14px;border: 0;border-radius: var(--radius-sm);background: var(--bg-alt);color: var(--ink);font: inherit;text-align: left;cursor: pointer}.br-media-opsi[hidden]{display: none}.br-media-opsi:active{transform: translateY(1px)}.br-media-opsi:focus-visible{outline: 2px solid var(--brand-2);outline-offset: 2px}.br-media-opsi .ic{width: 22px;height: 22px;flex-shrink: 0;color: var(--accent)}.br-media-opsi span{display: grid;gap: 2px}.br-media-opsi b{font-size: 15px;font-weight: 700}.br-media-opsi small{color: var(--ink-3);font-size: 12px}.br-suara-waktu{margin: 18px 0 8px;font-family: var(--font-display);font-weight: var(--wt-display);font-size: 40px;letter-spacing: -.04em;line-height: 1;text-align: center;color: var(--brand-1)}.br-suara-pratinjau{display: block;width: 100%;margin: 8px 0 4px}.br-suara-pratinjau[hidden]{display: none}.br-suara-aksi{display: grid;gap: 10px;padding-bottom: calc(12px + env(safe-area-inset-bottom))}.br-suara-aksi .btn{margin: 0}.auth-google-sheet{width: 100%;justify-content: center;margin-bottom: 12px}.auth-divider{display: flex;align-items: center;text-align: center;margin: 14px 0 16px;color: var(--ink-3);font-size: 12px;font-weight: 600}.auth-divider::before, .auth-divider::after{content: '';flex: 1;border-bottom: 1px solid var(--line)}.auth-divider span{padding: 0 10px}