.login-page{padding:0 0 24px;background:#fff;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.login-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0}.back-btn{border:none;background:none;cursor:pointer;line-height:0;padding:4px;display:flex;align-items:center}.header-title{font-size:19px;color:#222;font-weight:400;margin-left:16px}.help-icon{margin-left:auto;width:21px;height:21px;border:1.4px solid #ee4d2d;color:#ee4d2d;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;padding-bottom:1px}.logo-wrap{display:flex;justify-content:center;margin:64px 0 48px}.login-form{padding:0 22px}.input-row{display:flex;align-items:center;border-bottom:1px solid #e8e8e8;padding:10px 2px 12px;gap:14px}.input-row input{flex:1;border:none;outline:none;font-size:15.5px;color:#333;background:transparent}.input-row input::placeholder{color:#b8b8b8}.next-btn{width:100%;margin-top:18px;padding:13px;border:none;border-radius:2px;background:#ebebeb;color:#b5b5b5;font-size:15px;cursor:not-allowed;transition:background .2s,color .2s}.next-btn:not(:disabled){background:#ee4d2d;color:#fff;cursor:pointer}.options-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:13.5px}.stay-login{display:flex;align-items:center;gap:7px;color:#444;cursor:pointer}.stay-login input{position:absolute;opacity:0;width:0;height:0}.stay-login .box{width:16px;height:16px;border:1.5px solid #c8c8c8;border-radius:2px;background:#fff;display:inline-flex;align-items:center;justify-content:center}.stay-login input:checked+.box{background:#ee4d2d;border-color:#ee4d2d}.stay-login input:checked+.box:after{content:"";width:8px;height:4px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:rotate(-45deg) translateY(-1px)}.q-circle{width:15px;height:15px;border:1.2px solid #b0b0b0;color:#a5a5a5;border-radius:50%;font-size:10px;display:inline-flex;align-items:center;justify-content:center;padding-bottom:1px}.link-password{color:#2f7de1;text-decoration:none}.terms{text-align:center;font-size:12.5px;color:#333;margin:auto 0 8px;padding-top:36px;line-height:1.9}.terms a{color:#2f7de1;text-decoration:none}.pin-page{background:#f4f5f7;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:34px 22px calc(24px + env(safe-area-inset-bottom,0))}.pin-header{width:100%;display:flex;justify-content:flex-start;margin-bottom:18px}.pin-header .back-btn{border:none;background:#fff;cursor:pointer;line-height:0;padding:8px;border-radius:50%;display:flex;align-items:center;box-shadow:0 1px 6px #00000014;transition:background .15s}.pin-header .back-btn:active{background:#fdece7}.logo-card{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 2px 10px #00000014}.logo-text{color:#ee4d2d;font-size:20px;font-weight:500}.pin-heading{margin-top:30px;text-align:center;font-size:22px;font-weight:700;color:#1d1d1d;line-height:1.35}.info-card{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:6px 20px;margin-top:26px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:14px}.info-label{font-size:14px;color:#888}.info-value{font-size:15px;font-weight:700;color:#1d1d1d}.info-divider{height:1px;background:#f0f0f0}.pin-label{margin-top:30px;font-size:17px;font-weight:700;color:#1d1d1d;text-align:center}.pin-boxes{display:flex;gap:12px;margin-top:20px}.pin-box{width:52px;height:58px;border:1.5px solid #c9c9c9;border-radius:10px;background:#fff;text-align:center;font-size:22px;color:#1d1d1d;outline:none;transition:border-color .15s}.pin-box:focus{border-color:#ee4d2d}.pin-box:not(:placeholder-shown){border-color:#8f8f8f}.forgot{margin-top:26px;font-size:15px;color:#1d1d1d;text-decoration:none}.claim-btn{width:100%;margin-top:auto;padding:16px;border:none;border-radius:10px;background:#ee4d2d;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ee4d2d59;transition:background .2s,box-shadow .2s}.claim-btn:not(:disabled):active{background:#d73515}.claim-btn:disabled{background:#f0b3a4;box-shadow:none;cursor:not-allowed}.secure-note{display:flex;align-items:center;gap:8px;margin-top:16px;background:#fff;border-radius:10px;padding:12px 18px;font-size:12.5px;color:#888;box-shadow:0 1px 6px #0000000f}@media (max-width: 360px){.pin-boxes{gap:9px}.pin-box{width:46px;height:52px}}.otp-page{background:#fff;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.otp-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0}.otp-header .back-btn{border:none;background:none;cursor:pointer;line-height:0;padding:4px;display:flex;align-items:center}.otp-header .header-title{flex:1;text-align:center;font-size:19px;color:#222;font-weight:400}.otp-header .header-spacer{width:30px}.otp-body{padding:40px 22px 0;text-align:center}.otp-message{font-size:14.5px;color:#555;line-height:1.7}.otp-phone{color:#222;font-weight:500}.otp-boxes{display:flex;justify-content:center;gap:10px;margin:34px 0 40px}.otp-box{width:46px;height:52px;border:1px solid #e0e0e0;border-bottom:2px solid #c8c8c8;border-radius:4px;text-align:center;font-size:20px;color:#222;outline:none;background:#fafafa;transition:border-color .15s,background .15s}.otp-box:focus{border-color:#ee4d2d;border-bottom-color:#ee4d2d;background:#fff}.otp-box:not(:placeholder-shown){border-color:#bdbdbd;border-bottom-color:#ee4d2d;background:#fff}.otp-resend{font-size:13.5px;color:#777}.otp-resend .countdown{color:#ee4d2d}.otp-resend .resend-link{color:#2f7de1;text-decoration:none}@media (max-width: 360px){.otp-boxes{gap:7px}.otp-box{width:42px;height:48px}}.method-page{background:#fff;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.mt-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(238,77,45,.08);background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mt-header .back-btn{border:none;background:none;cursor:pointer;line-height:0;padding:6px;border-radius:8px;display:flex;align-items:center;transition:background .15s}.mt-header .back-btn:active{background:#fdece7}.mt-header .header-title{flex:1;text-align:center;font-size:18px;color:#1f1f1f;font-weight:600;letter-spacing:.2px}.mt-header .header-spacer{width:34px}.mt-body{flex:1;padding:24px 22px;animation:mt-fade-in .25s ease}@keyframes mt-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mt-heading{font-size:20px;font-weight:800;color:#1f1f1f;margin-bottom:6px}.mt-sub{font-size:13.5px;color:#8a8a8a;line-height:1.7;margin-bottom:24px}.mt-option{--brand: #ee4d2d;width:100%;display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:14px;border:2px solid var(--brand);border-radius:16px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;box-shadow:0 3px 10px #0000000d;transition:transform .12s ease,box-shadow .18s ease}.mt-option:hover{box-shadow:0 6px 18px #00000017}.mt-option:active{transform:scale(.99)}.mt-option--shopeepay{--brand: #ee4d2d}.mt-option--dana{--brand: #108ee9}.mt-option--ovo{--brand: #6a4dd8}.mt-option--bank{--brand: #1a62d6}.mt-option-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.mt-option-icon .mt-option-logo{width:100%;height:100%;object-fit:cover;display:block}.mt-option-icon .mt-option-logo.contain{object-fit:contain;padding:5px;box-sizing:border-box}.mt-option-text{flex:1}.mt-option-title{font-size:16px;font-weight:700;color:#222;letter-spacing:.2px}.mt-option svg{flex-shrink:0}.withdraw-page{background:#fff;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.wd-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0}.wd-header .back-btn{border:none;background:none;cursor:pointer;line-height:0;padding:4px;display:flex;align-items:center}.wd-header .header-title{flex:1;text-align:center;font-size:19px;color:#222;font-weight:400}.wd-header .header-spacer{width:30px}.wd-body{flex:1;padding:30px 24px 24px}.wd-title{font-size:22px;font-weight:700;color:#1d1d1d;margin-bottom:10px}.wd-subtitle{font-size:14px;color:#777;line-height:1.8;margin-bottom:26px}.wd-subtitle strong{color:#333;font-weight:700}.wd-card{border:1px solid #f0f0f0;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:22px 18px}.wd-feature{display:flex;gap:14px;align-items:flex-start}.wd-feature-icon{flex-shrink:0;width:42px;height:42px;border-radius:10px;background:#fdf1ec;display:flex;align-items:center;justify-content:center}.wd-feature-title{font-size:15.5px;font-weight:700;color:#1d1d1d;margin-bottom:5px}.wd-feature-desc{font-size:13.5px;color:#888;line-height:1.6}.wd-feature-divider{height:1px;background:#f2f2f2;margin:18px 0}.wd-footer{padding:14px 16px calc(20px + env(safe-area-inset-bottom,0));border-top:1px solid #f2f2f2;background:#fff}.wd-action-btn{width:100%;padding:14px;border:none;border-radius:8px;background:#ee4d2d;color:#fff;font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ee4d2d4d;transition:background .2s}.wd-action-btn:active{background:#d73515}.verify-page{background:linear-gradient(180deg,#fff5f2,#fff 220px);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.vf-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(238,77,45,.08);background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vf-header .back-btn{border:none;background:none;cursor:pointer;line-height:0;padding:6px;border-radius:8px;display:flex;align-items:center;transition:background .15s}.vf-header .back-btn:active{background:#fdece7}.vf-header .header-title{flex:1;text-align:center;font-size:18px;color:#1f1f1f;font-weight:600;letter-spacing:.2px}.vf-header .header-spacer{width:34px}.vf-steps{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 22px 4px}.vf-step{display:flex;align-items:center;gap:8px;opacity:.45;transition:opacity .2s}.vf-step.active{opacity:1}.vf-step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff7337,#ee4d2d);box-shadow:0 3px 8px #ee4d2d4d}.vf-step-text{font-size:13px;font-weight:500;color:#444}.vf-step-line{width:34px;height:2px;border-radius:2px;background:#f3d4cb}.vf-body{flex:1;padding:20px 22px 24px;animation:vf-fade-in .25s ease}@keyframes vf-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vf-heading{font-size:19px;font-weight:700;color:#1f1f1f;margin-bottom:6px}.vf-sub{font-size:13.5px;color:#8a8a8a;line-height:1.7;margin-bottom:26px}.vf-sub strong{color:#444}.vf-field{display:block;margin-bottom:18px}.vf-label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:8px}.vf-field>input,.vf-field>select{width:100%;padding:13px 16px;font-size:15px;color:#222;border:1.5px solid transparent;border-radius:12px;outline:none;background:#f5f6f8;transition:border-color .18s,box-shadow .18s,background .18s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vf-field>select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.vf-field>input:hover,.vf-field>select:hover{background:#f0f1f4}.vf-field>input:focus,.vf-field>select:focus{background:#fff;border-color:#ee4d2d;box-shadow:0 0 0 4px #ee4d2d1f}.vf-field>input::placeholder{color:#b8b8b8}.vf-money{display:flex;align-items:center;border:1.5px solid transparent;border-radius:12px;background:#f5f6f8;transition:border-color .18s,box-shadow .18s,background .18s}.vf-money:hover{background:#f0f1f4}.vf-money:focus-within{background:#fff;border-color:#ee4d2d;box-shadow:0 0 0 4px #ee4d2d1f}.vf-currency{padding:0 12px 0 16px;font-size:15px;font-weight:600;color:#ee4d2d;align-self:stretch;display:flex;align-items:center}.vf-money input{flex:1;border:none;outline:none;padding:13px 16px 13px 0;font-size:16px;font-weight:500;color:#222;background:transparent}.vf-money input::placeholder{color:#b8b8b8;font-weight:400}.vf-hint{font-size:12.5px;color:#8a6d63;line-height:1.7;background:#fff4ef;border:1px solid #ffe0d4;border-radius:12px;padding:12px 14px;margin-top:6px}.vf-footer{display:flex;gap:12px;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0));border-top:1px solid #f4f4f4;background:#fff}.vf-btn{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:transform .12s,box-shadow .2s,background .2s,opacity .2s}.vf-btn.primary{border:none;background:linear-gradient(135deg,#ff7337,#ee4d2d);color:#fff;box-shadow:0 6px 16px #ee4d2d4d}.vf-btn.primary:not(:disabled):hover{box-shadow:0 8px 20px #ee4d2d61}.vf-btn.primary:not(:disabled):active{transform:scale(.985);box-shadow:0 3px 10px #ee4d2d47}.vf-btn.primary:disabled{background:#efefef;color:#b5b5b5;box-shadow:none;cursor:not-allowed}.vf-btn.ghost{border:1.5px solid #e4e4e4;background:#fff;color:#555}.vf-btn.ghost:active{background:#f6f6f6}.confirm-page{background:#fff;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.cf-header{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f0f0f0}.cf-header .back-btn{border:none;background:none;cursor:pointer;line-height:0;padding:4px;display:flex;align-items:center}.cf-header .header-title{flex:1;text-align:center;font-size:18px;color:#222;font-weight:400}.cf-header .header-spacer{width:30px}.cf-body{flex:1;padding:28px 22px 24px}.cf-sub{font-size:13.5px;color:#888;line-height:1.7;margin-bottom:22px}.cf-card{border:1px solid #f0e6e3;background:#fdf6f4;border-radius:8px;padding:6px 18px;margin-bottom:18px}.cf-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:16px}.cf-label{font-size:13.5px;color:#777;flex-shrink:0}.cf-value{font-size:14.5px;font-weight:500;color:#333;text-align:right;word-break:break-word}.cf-value.highlight{color:#ee4d2d;font-weight:600}.cf-divider{height:1px;background:#f3e2dc}.cf-note{font-size:12.5px;color:#999;line-height:1.7;text-align:center}.cf-footer{padding:14px 16px calc(20px + env(safe-area-inset-bottom,0));border-top:1px solid #f2f2f2;background:#fff}.cf-btn.primary{width:100%;padding:13px;border:none;border-radius:2px;background:#ee4d2d;color:#fff;font-size:15px;cursor:pointer;transition:background .2s}.cf-btn.primary:active{background:#d73515}.activation-page{background:#ee4d2d;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.act-header{display:flex;align-items:center;padding:16px}.act-back{border:none;background:none;cursor:pointer;line-height:0;padding:4px;display:flex;align-items:center}.act-title{flex:1;text-align:center;font-size:18px;font-weight:600;color:#fff}.act-spacer{width:28px}.act-content{flex:1;background:#fff;border-radius:20px 20px 0 0;padding:30px 24px calc(28px + env(safe-area-inset-bottom,0))}.act-icon{display:flex;justify-content:center;margin-bottom:30px}.act-steps{list-style:none;margin-bottom:34px}.act-step{display:flex;gap:14px;align-items:flex-start}.act-step+.act-step{margin-top:22px}.act-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#ee4d2d;color:#fff;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;padding-bottom:1px}.act-step-title{font-size:16px;font-weight:700;color:#1d1d1d;margin-bottom:4px}.act-step-desc{font-size:13.5px;color:#888;line-height:1.6}.act-id-label{text-align:center;font-size:14px;color:#999;margin-bottom:8px}.act-id-value{text-align:center;font-size:20px;font-weight:700;color:#1d1d1d;margin-bottom:40px}.act-btn{width:100%;padding:15px;border:none;border-radius:10px;background:#ee4d2d;color:#fff;font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ee4d2d4d;transition:background .2s}.act-btn:active{background:#d73515}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;min-height:100vh;min-height:100dvh}.phone-frame{width:100%;min-height:100vh;min-height:100dvh;background:#fff}@media (max-width: 360px){html{font-size:14px}}