#modal.topup-dialog{box-sizing:border-box;width:min(780px,calc(100% - 36px));max-width:none;max-height:92dvh;padding:0;border:1px solid #abc5ff;border-top:2px solid #849aff;border-radius:20px;background:#f8faff;overflow:auto;overscroll-behavior:contain;color:#06123b;box-shadow:0 25px 100px #00112880;scrollbar-width:thin}#modal.topup-dialog *{box-sizing:border-box}#modal.topup-dialog .close{position:sticky;top:12px;float:right;margin:12px 12px -54px 0;right:12px;width:36px;height:36px;border-radius:50%;background:#fffefc;box-shadow:0 2px 12px #123b7e25;color:#092858;display:flex;align-items:center;justify-content:center;font-size:27px;line-height:1;z-index:5;border:1px solid #c3d5fb;cursor:pointer}#modal.topup-dialog .close:hover{background:#e6efff}#modal.topup-dialog .close:focus-visible{outline:3px solid #ff8c00;outline-offset:3px}.topup-card{font-family:'Be Vietnam Pro',sans-serif;background:linear-gradient(110deg,#fafcff,#f5f7ff);overflow:hidden;border-radius:18px}.topup-visual{position:relative;overflow:hidden;background:#e0e9ff;aspect-ratio:1.95}.topup-visual img{width:100%;height:100%;object-fit:cover;display:block}.topup-number{position:absolute;top:20px;left:22px;display:grid;place-items:center;width:60px;height:49px;border-radius:9px;background:#0058ff;color:white;font-size:27px;font-weight:650;box-shadow:0 5px 14px #1263ff22}.topup-art-label{position:absolute;right:14px;bottom:9px;font-size:9px;letter-spacing:.2px;color:#315185;background:#ffffffa8;border-radius:4px;padding:3px 6px}.topup-body{padding:25px 30px 30px}.topup-brand{color:#0061ff;font-size:10px;font-weight:650;letter-spacing:2px;margin-bottom:8px}.topup-body h2{display:flex;align-items:center;gap:16px;font-size:29px!important;font-weight:750;color:#071139;line-height:1.2;margin:0 0 17px!important;letter-spacing:-.8px}.topup-body h2>span{color:#0058ff;font-size:38px;line-height:1}.topup-intro{font-size:14px!important;line-height:1.75;color:#152649;margin:0 0 25px!important;max-width:650px}.topup-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}.topup-columns>section+section{border-left:1px solid #dce5fb;padding-left:26px}.topup-columns h3{display:flex;align-items:center;gap:10px;font-size:16px;color:#0054ff;margin:0 0 16px;letter-spacing:-.3px}.topup-columns h3>span{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#0056ff;color:white;font-size:21px}.topup-columns ul{list-style:none;padding:0;margin:0}.topup-columns li{display:flex;align-items:baseline;gap:12px;margin:0 0 16px}.topup-columns li:before{content:'›';font-size:23px;font-weight:600;line-height:1;color:#0058ff;flex:none}.topup-columns li p{font-size:12px!important;line-height:1.7;margin:0!important;color:#172647}.topup-columns li strong{font-weight:700}.topup-columns>section:last-child li{margin-bottom:19px}.topup-columns>section:last-child li p{font-size:13px!important}.topup-columns li:last-child{margin-bottom:0}@media(max-width:600px){#modal.topup-dialog{width:calc(100% - 22px);max-height:92dvh;border-radius:16px}.topup-visual{aspect-ratio:1.6}.topup-visual img{object-fit:contain}.topup-number{top:12px;left:12px;width:42px;height:36px;font-size:22px;border-radius:7px}.topup-body{padding:22px 22px 27px}.topup-body h2{font-size:24px!important;gap:11px;letter-spacing:-.7px}.topup-body h2>span{font-size:30px}.topup-intro{font-size:13px!important;line-height:1.75}.topup-columns{grid-template-columns:1fr;gap:24px}.topup-columns>section+section{border-left:0;border-top:1px solid #dce5fb;padding-left:0;padding-top:23px}.topup-columns h3{font-size:16px}.topup-columns li p{font-size:13px!important}.topup-columns li{margin-bottom:14px}.topup-art-label{font-size:8px;bottom:5px;right:8px}}