*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#020d37;background:#9195a3}body{min-height:100vh}a{color:inherit}.mobile-app{width:100%;max-width:540px;min-height:100vh;margin:0 auto;background:#f2f2f1;overflow:hidden;position:relative}:root{--main:#1ab266;--green1:#3baf4c;--green2:#00d08a;--text1:#020d37;--text2:#768096;--text3:#b6bcc8;--line:#e1e1e1;--red:#fb5b5b;--orange:#feaa57;--page:#f2f2f1;--card:#fff}
.auth-page{background:var(--page);min-height:100vh}.auth-navbar{height:49px;background:linear-gradient(90deg,var(--green1),var(--green2));display:grid;grid-template-columns:42px 1fr 78px;align-items:center;padding:0 20px;color:#fff}.auth-back{font-size:33px;line-height:1;color:#fff;text-decoration:none;font-weight:300;transform:translateY(-1px)}.auth-logo{display:block;width:120px;height:45px;object-fit:contain;justify-self:center}.auth-language{position:relative;justify-self:end}.auth-language summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;font-size:16px;font-weight:500}.auth-language summary::-webkit-details-marker{display:none}.auth-language .flag{font-size:20px;line-height:1}.language-menu{position:absolute;top:29px;right:0;z-index:50;background:#fff;border-radius:9px;min-width:132px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.16)}.language-menu a{display:block;padding:10px 12px;text-decoration:none;color:var(--text1);font-size:13px;white-space:nowrap}.auth-heading{min-height:107px;background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff;padding:10px 21px 16px}.auth-heading h1{margin:0 0 11px;font-size:17px;line-height:1.25;font-weight:700}.auth-heading p{margin:0;font-size:12px;line-height:1.18;font-weight:400;white-space:normal}.login-tabs{height:71px;display:flex;padding:0 21px;background:var(--page)}.login-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text2);font-size:16px}.login-tab strong{font-weight:700}.login-tab.active{color:var(--main);border-bottom:2px solid var(--main)}.tab-symbol{width:24px;height:24px;position:relative;display:block;color:currentColor}.phone-symbol:before{content:"";position:absolute;left:3px;top:2px;width:18px;height:20px;border-radius:4px;background:#6cd3a2}.phone-symbol:after{content:"";position:absolute;left:8px;bottom:5px;width:8px;height:2px;border-radius:2px;background:#fff}.phone-symbol span:before{content:"";position:absolute;left:7px;top:5px;width:10px;height:1.5px;border-radius:2px;background:rgba(255,255,255,.88)}.email-symbol:before{content:"✉";position:absolute;left:-1px;top:-4px;font-size:29px;line-height:24px;color:#858b9c;font-weight:400}.login-tab.active .email-symbol:before{color:var(--main)}.reference-form{padding:27px 21px 34px}.field-label{display:flex;align-items:center;gap:9px;margin:0 0 15px;font-size:15px;color:var(--text1)}.field-icon{width:24px;height:24px;display:inline-block;position:relative;flex:0 0 24px;color:var(--main)}.phone-field-icon:before{content:"";position:absolute;left:3px;top:2px;width:17px;height:21px;border-radius:4px;background:#65d19d}.phone-field-icon:after{content:"";position:absolute;left:7px;bottom:4px;width:9px;height:2px;border-radius:2px;background:#fff}.phone-field-icon span:after{content:"";position:absolute;left:7px;top:6px;width:9px;height:1.5px;border-radius:2px;background:#fff}.lock-field-icon:before{content:"";position:absolute;left:4px;top:10px;width:16px;height:13px;border-radius:4px;background:#25bb77}.lock-field-icon:after{content:"";position:absolute;left:8px;top:3px;width:8px;height:10px;border:1.8px solid #25bb77;border-bottom:0;border-radius:8px 8px 0 0}.invite-field-icon:before,.invite-field-icon:after{content:"";position:absolute;border-radius:4px;background:#27bf7c}.invite-field-icon:before{width:14px;height:11px;left:2px;top:11px}.invite-field-icon:after{width:14px;height:11px;right:1px;top:8px;box-shadow:-6px -6px 0 -2px #75d9aa}.phone-input-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px}.country-code-box,.reference-input{height:47px;border:0;border-radius:11px;background:#fff;color:#58627c;font-size:14px;outline:none}.country-code-box{padding:0 13px;display:flex;align-items:center;justify-content:space-between;cursor:default}.country-code-box .down-arrow{font-size:19px;color:#75819a;transform:translateY(-2px)}.reference-input{width:100%;padding:0 14px}.reference-input::placeholder{color:var(--text3);opacity:1}.full-input{display:block}.password-label{margin-top:30px}.password-wrap{position:relative}.eye-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;background:transparent;padding:4px;cursor:pointer;color:#b7bac1}.eye-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.eye-toggle.visible .eye-slash{display:none}.login-options{display:flex;align-items:center;justify-content:space-between;margin:22px 0 27px;color:#65709a;font-size:12px}.login-options>a{color:#00a95a;text-decoration:none}.round-check,.agreement-check{display:flex;align-items:center;gap:7px;cursor:pointer}.round-check input,.agreement-check input{position:absolute;opacity:0;pointer-events:none}.check-ui{width:20px;height:20px;border:1px solid #c7ccd4;border-radius:50%;background:#fff;display:inline-grid;place-items:center;flex:0 0 20px}.round-check input:checked+.check-ui,.agreement-check input:checked+.check-ui{background:#1ac67c;border-color:#1ac67c}.round-check input:checked+.check-ui:after,.agreement-check input:checked+.check-ui:after{content:"✓";font-size:13px;color:#fff;line-height:1}.auth-actions{display:flex;flex-direction:column;align-items:center}.reference-primary,.reference-outline{width:82%;height:43px;border-radius:23px;font-size:18px;font-weight:700;letter-spacing:4px;text-align:center}.reference-primary{border:0;background:linear-gradient(90deg,#cccedc 15%,#cdcfdd 99%);color:#73809d}.reference-primary.active{background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff}.reference-primary:disabled{cursor:default}.reference-outline{margin-top:21px;display:flex;align-items:center;justify-content:center;border:1px solid #0ab96a;color:#00a95a;text-decoration:none;background:transparent}.error-box{margin:0 0 15px;padding:10px 12px;border-radius:8px;background:#ffe5e5;color:#a51818;font-size:12px;line-height:1.3;white-space:normal}
.signup-page .auth-navbar{height:46px}.signup-heading{min-height:92px;padding-top:7px}.signup-heading h1{margin-bottom:10px}.signup-method{height:67px;margin:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-bottom:1px solid var(--main);color:var(--main);font-size:15px}.signup-method strong{font-weight:700}.signup-form{padding-top:28px}.signup-page .field-label{margin-bottom:11px}.signup-password-label{margin-top:11px!important}.signup-page .password-tip{margin:8px 0 14px 9px;font-size:10.5px;line-height:1.25;color:var(--red);white-space:normal}.signup-page .password-tip:before{content:"⚠";margin-right:4px}.confirm-label{margin-top:10px!important}.password-mismatch{display:none;margin:-4px 0 7px 9px;color:var(--red);font-size:11px}.password-mismatch.show{display:block}.invite-label{margin-top:18px!important}.agreement-check{margin:28px 0 29px;color:#69759a;font-size:12px;white-space:nowrap;gap:6px}.agreement-check a{color:#ff3d3d;text-decoration:none}.signup-actions .reference-primary{width:82%;background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff}.account-login{width:82%;font-size:12px;letter-spacing:3px;color:#727d9b;font-weight:400;gap:7px}.account-login strong{color:#00a95a;font-size:13px;letter-spacing:3px}.signup-actions{padding-bottom:10px}
.account-page{background:var(--page);padding-bottom:82px}.account-hero{height:219px;padding:34px 17px 0;background:linear-gradient(105deg,var(--green1),var(--green2));border-radius:0 0 34px 34px;color:#fff}.account-profile{display:flex;align-items:center}.account-avatar{width:75px;height:75px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.65)}.account-meta{padding-left:9px;min-width:0}.account-name-row{height:27px;display:flex;align-items:center}.account-name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.account-rank{width:30px;height:30px;object-fit:contain;margin-left:6px}.account-uid{display:inline-flex;align-items:center;gap:7px;background:var(--orange);border-radius:12px;padding:3px 8px 3px 6px;font-size:11px;line-height:1;margin-top:2px}.account-uid strong{font-weight:700}.account-uid svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2}.account-last-login{font-size:11px;margin-top:5px}.account-content{position:relative;margin-top:-80px;padding:0 12px 18px}.balance-panel{height:169px;background:#fff;border-radius:12px;padding:14px 12px}.balance-head{height:62px;display:flex;flex-direction:column;justify-content:flex-start}.balance-head>span{font-size:13px;color:#74809e;margin-bottom:6px}.balance-head strong{display:flex;align-items:center;gap:8px;font-size:18px;color:var(--text1)}.balance-head strong svg{width:17px;height:17px;fill:none;stroke:#abb1bd;stroke-width:1.8}.balance-divider{height:1px;background:#e4e4e4}.wallet-actions{display:grid;grid-template-columns:repeat(4,1fr);padding-top:16px}.wallet-actions a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#07142c;font-size:14px;gap:7px}.wallet-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.wallet-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.wallet-icon-wallet{background:#ffd4d6;color:#ff666e}.wallet-icon-deposit{background:#ffd9b2;color:#ff8d2e}.wallet-icon-withdraw{background:#bee0ff;color:#4c9cff}.wallet-icon-vip{background:#bdebdc;color:#0ab881;font-weight:700;font-size:19px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.safe-panel{margin-top:20px;height:90px;padding:14px 11px;background:#fff;border-radius:11px;display:flex;align-items:center;text-decoration:none;color:inherit}.safe-icon{width:38px;height:38px;border-radius:4px;background:#ffd748;display:grid;place-items:center;color:#ff8d22;flex:0 0 38px}.safe-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2}.safe-copy{min-width:0;display:flex;flex-direction:column;padding-left:16px;line-height:1.25}.safe-copy strong{font-size:15px;margin-bottom:4px}.safe-copy small{font-size:11px;color:var(--text1);white-space:normal}.safe-rate{margin-left:auto;align-self:flex-start;background:#ffad66;color:#fff;border-radius:11px;padding:3px 6px;font-size:12px;white-space:nowrap}.safe-rate b{font-size:22px;line-height:10px;vertical-align:-2px}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.history-grid>a{height:78px;background:#fff;border-radius:8px;display:flex;align-items:center;padding:10px 12px;text-decoration:none;color:var(--text1);min-width:0}.history-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;flex:0 0 34px;margin-right:10px}.history-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.history-blue{background:#d2e5ff;color:#4a9dff}.history-green{background:#cdf4e4;color:#32ca8d}.history-red{background:#ffd8db;color:#ff6d75}.history-orange{background:#ffe0c3;color:#ff8b2e}.history-grid strong{font-size:14px;font-weight:400;display:block}.history-grid small{display:block;color:#6f7598;font-size:12px;line-height:1.1;white-space:normal}.settings-panel{margin-top:20px;background:#fff;border-radius:12px;padding:0 12px}.settings-panel>a{height:59px;display:flex;align-items:center;border-bottom:1px solid #e8e8e8;text-decoration:none;color:var(--text1)}.settings-panel>a:last-child{border-bottom:0}.settings-icon{width:32px;height:32px;color:#26c17c;display:grid;place-items:center;margin-right:7px}.settings-icon svg{width:29px;height:29px;fill:#8bdcba;stroke:#20b873;stroke-width:1.5;stroke-linejoin:round}.settings-icon.bars svg,.settings-icon.globe svg{fill:none;stroke-width:2.5}.settings-title{flex:1;font-size:14px}.row-arrow{font-size:25px;color:#5f6573;line-height:1}.notification-badge{width:19px;height:19px;border-radius:50%;background:#ff5563;color:#fff;display:grid;place-items:center;font-size:12px;margin-right:10px}.language-value{font-size:14px;margin-right:9px}.service-panel{margin-top:21px;background:#fff;border-radius:12px;padding:20px 14px 15px}.service-panel h2{font-size:16px;font-weight:400;margin:0 0 22px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:18px}.service-grid a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#68709a;font-size:12px;text-align:center;line-height:1.15}.service-icon{width:31px;height:31px;display:grid;place-items:center;margin-bottom:5px;color:#28bc79}.service-icon svg{width:29px;height:29px;fill:#8adcb8;stroke:#27b977;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.account-logout{height:40px;margin:42px 2px 0;border:1px solid #0ec879;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;color:#00a85b;font-size:16px}.account-logout svg{width:25px;height:25px;fill:none;stroke:#00b968;stroke-width:1.5;stroke-linecap:round}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:540px;height:69px;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);z-index:40;box-shadow:0 -2px 8px rgba(0,0,0,.04);padding-bottom:5px}.bottom-nav>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;text-decoration:none;color:#768096;font-size:11px;padding-bottom:2px}.bottom-nav>a>svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.bottom-nav>a.active{color:var(--main)}.bottom-nav .nav-dot{position:absolute;top:12px;right:25%;width:7px;height:7px;background:#fa5b5b;border-radius:50%}.bottom-nav .wheel-nav{justify-content:flex-end}.wheel-circle{position:absolute;top:-22px;width:62px!important;height:62px!important;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(180deg,#49c755,#0f9957);border:6px solid #f2f2f1;color:#fff;font-size:23px;font-weight:700;box-shadow:0 1px 5px rgba(0,0,0,.15)}.wheel-nav>span:last-child{color:var(--main);font-weight:700;font-size:11px;white-space:nowrap}
.simple-header{height:58px;background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;padding:0 12px}.simple-header .back{color:white;text-decoration:none;font-size:32px}.page-card{margin:14px 12px;background:#fff;border-radius:12px;padding:18px;min-height:180px}.page-card h2{font-size:18px;margin-top:0}.page-card p{font-size:14px;line-height:1.55;color:#56607a}.form-stack{display:grid;gap:12px}.form-stack input,.form-stack textarea,.form-stack select{width:100%;border:1px solid #dfe3e8;border-radius:9px;padding:11px;font-size:14px}.form-stack button{border:0;border-radius:10px;background:#0bbc6e;color:#fff;padding:12px;font-weight:700}.muted{color:#7b849b;font-size:12px}.inner-page{background:var(--page)}
@media(max-width:370px){.auth-navbar{padding-left:18px;padding-right:18px;grid-template-columns:36px 1fr 70px}.auth-logo{width:108px}.auth-heading{padding-left:21px}.reference-form{padding-left:21px;padding-right:21px}.phone-input-row{grid-template-columns:89px minmax(0,1fr)}.country-code-box,.reference-input{height:43px;font-size:13px}.signup-page .auth-navbar{height:42px}.signup-heading{min-height:96px}.signup-method{height:67px}.signup-form{padding-top:28px}.agreement-check{font-size:11px;gap:5px}.check-ui{width:19px;height:19px;flex-basis:19px}.account-name{max-width:160px}}
.country-code-box{justify-content:flex-start;gap:9px}.country-code-box .down-arrow{width:7px;height:7px;border-right:1.5px solid #75819a;border-bottom:1.5px solid #75819a;transform:rotate(45deg) translateY(-2px);font-size:0;flex:0 0 7px}.account-page{padding-bottom:0}.account-name-row{gap:5px}.account-name{max-width:178px}.vip-level{display:inline-flex;align-items:center;gap:2px;color:#ffd45c;font-size:11px;font-weight:700;white-space:nowrap}.vip-level .account-rank{width:28px;height:28px;margin-left:0;filter:sepia(1) saturate(4.5) hue-rotate(350deg) brightness(1.08)}.account-uid{border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;padding:4px 8px 4px 7px}.account-uid:active{transform:scale(.98)}.account-uid svg{width:13px;height:13px}.balance-head strong{gap:4px}.balance-refresh,.deposit-refresh{border:0;background:transparent;padding:0;display:inline-grid;place-items:center;cursor:pointer;color:#abb1bd}.balance-refresh{width:24px;height:24px}.balance-refresh svg{width:17px!important;height:17px!important}.balance-refresh.loading svg,.deposit-refresh.loading{animation:balance-spin .7s linear infinite}@keyframes balance-spin{to{transform:rotate(360deg)}}.copy-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);background:rgba(4,16,40,.85);color:#fff;padding:8px 14px;border-radius:18px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100}.copy-toast.show{opacity:1;transform:translate(-50%,0)}
.reference-navbar{height:58px;display:grid;grid-template-columns:55px 1fr 120px;align-items:center;padding:0 14px;position:relative;z-index:5}.reference-navbar strong{font-size:18px;text-align:center}.reference-navbar-back{text-decoration:none;font-size:34px;line-height:1;font-weight:300}.reference-navbar-green{color:#fff;background:linear-gradient(90deg,var(--green1),var(--green2))}.reference-navbar-white{background:#fff;color:var(--text1);border-bottom:1px solid #eee;position:sticky;top:0}.reference-navbar-white .reference-navbar-back{color:var(--text1)}.reference-navbar-white .deposit-history-link{justify-self:end;text-decoration:none;color:#1ab266;font-size:12px;white-space:nowrap}
.wallet-reference-page{background:var(--page);min-height:100vh}.wallet-ref-header{background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff;padding-bottom:18px}.wallet-ref-total{display:flex;flex-direction:column;align-items:center;padding:6px 0 8px}.wallet-big-icon{width:46px;height:46px;display:grid;place-items:center}.wallet-big-icon svg{width:42px;height:42px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linejoin:round}.wallet-ref-total strong{font-size:26px;line-height:1.15;margin:4px 0}.wallet-ref-total>span:last-child{font-size:13px}.wallet-ref-content{padding:14px 15px 34px}.wallet-ref-card{background:#fff;border-radius:14px;padding:23px 11px 18px}.wallet-circles{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-bottom:18px}.wallet-circle-item{display:flex;flex-direction:column;align-items:center}.wallet-circle{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#22c47d 100%,#e9ecef 0);position:relative}.wallet-circle:before{content:"";position:absolute;inset:9px;background:#fff;border-radius:50%}.wallet-circle span{position:relative;z-index:1;color:#020d37;font-weight:700;font-size:15px}.wallet-circle.muted-circle{background:conic-gradient(#e4e8ec 100%,#e4e8ec 0)}.wallet-circle-item h3{font-size:15px;font-weight:500;margin:9px 0 3px}.wallet-circle-item p{font-size:12px;color:#768096;margin:0}.wallet-transfer-btn{width:100%;height:40px;border:0;border-radius:20px;background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff;font-size:15px;font-weight:700;cursor:pointer}.wallet-transfer-btn:disabled{opacity:.65}.wallet-sync-note{min-height:16px;text-align:center;color:#768096;font-size:11px;margin:4px 0 7px}.wallet-ref-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}.wallet-ref-actions a{text-decoration:none;color:#020d37;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:8px}.wallet-action-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:700}.wa-deposit{background:#ffe1c7;color:#ff8c31}.wa-withdraw{background:#d5e8ff;color:#4e9cff}.wa-history{background:#ffd9dc;color:#ff6972}.wa-history-alt{background:#d4f3e4;color:#28bd80}.wallet-game-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.wallet-game-list>div{height:92px;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-wallet-icon{position:absolute;font-size:74px;font-weight:800;color:rgba(210,215,220,.25);line-height:1}.wallet-game-list strong,.wallet-game-list small{position:relative}.wallet-game-list strong{font-size:13px;color:#768096;margin-bottom:5px}.wallet-game-list small{font-size:12px;color:#b0b5c0}
.deposit-reference-page{background:var(--page);min-height:100vh;padding-bottom:76px}.deposit-ref-content{padding:14px 15px 22px}.deposit-balance-box{height:128px;border-radius:14px;padding:18px;color:#fff;background:linear-gradient(135deg,#3baf4c 0%,#00d08a 100%);box-shadow:0 6px 18px rgba(25,174,105,.16)}.deposit-balance-label{font-size:14px;display:flex;align-items:center;gap:8px}.mini-wallet-symbol{font-size:20px}.deposit-balance-value{font-size:27px;font-weight:700;margin-top:16px;display:flex;align-items:center;gap:9px}.deposit-refresh{width:28px;height:28px;color:#fff;font-size:22px}.deposit-message{margin:12px 0 0;padding:10px 12px;border-radius:8px;font-size:12px}.deposit-error{background:#ffe3e3;color:#a51919}.deposit-success{background:#def7e9;color:#087944}.deposit-method-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.deposit-method-tabs button{height:91px;border:0;border-radius:8px;background:#fff;color:#768096;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;cursor:pointer}.deposit-method-tabs button.active{background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff}.method-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:800;color:#fff}.method-nagad{background:#f15b54}.method-bkash{background:#e51a55}.method-usdt{background:#28b989}.method-gift{position:absolute;right:4px;top:4px;padding:3px 5px;border-radius:7px;background:#ff9e49;color:#fff;font-size:10px}.deposit-box-style,.deposit-instructions,.deposit-records{background:#fff;border-radius:14px;margin-bottom:15px;padding:15px 12px 16px}.deposit-box-style h2,.deposit-instructions h2,.deposit-records h2{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 13px;font-weight:600}.section-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#d7f4e6;color:#16b66e;font-size:15px}.deposit-channel-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deposit-channel-list button{min-height:60px;border:0;border-radius:10px;background:#f2f2f1;text-align:left;padding:10px 12px;color:#768096;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.deposit-channel-list button.active{background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff}.deposit-channel-list strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deposit-channel-list small{font-size:11px;margin-top:3px}.deposit-amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.deposit-amount-grid button{height:43px;border:1px solid #e0e3e6;border-radius:7px;background:#fff;color:#1ab266;font-size:15px;cursor:pointer;position:relative}.deposit-amount-grid button span{position:absolute;left:7px;color:#aeb4bf}.deposit-amount-grid button.active{border:0;background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff}.deposit-amount-grid button.active span{color:#fff}.deposit-custom-amount{height:47px;border-radius:24px;background:#f2f2f1;margin-top:10px;display:grid;grid-template-columns:48px 1fr 42px;align-items:center;overflow:hidden}.deposit-custom-amount>span{font-size:22px;color:#1ab266;font-weight:800;text-align:center;border-right:1px solid #c9cdd2}.deposit-custom-amount input{height:47px;border:0;background:transparent;outline:0;padding:0 12px;color:#1ab266;font-weight:700;min-width:0}.deposit-custom-amount button{border:0;background:transparent;font-size:25px;color:#aeb3bd;cursor:pointer}.deposit-instructions>div{border:1px solid #e4e6e8;border-radius:12px;padding:8px 13px 12px}.deposit-instructions p{position:relative;padding-left:14px;margin:9px 0;color:#768096;font-size:12px;line-height:1.45}.deposit-instructions p:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;background:#1ab266;transform:rotate(45deg)}.deposit-empty{display:flex;flex-direction:column;align-items:center;color:#c1c5cc;padding:16px 0 7px}.deposit-empty span{font-size:48px;opacity:.45}.deposit-empty p{font-size:12px;margin:4px 0}.deposit-record-row{height:54px;border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.deposit-record-row:first-of-type{border-top:0}.deposit-record-row>span{display:flex;flex-direction:column}.deposit-record-row strong{font-size:13px}.deposit-record-row small{font-size:10px;color:#9299a8;margin-top:3px}.deposit-record-row b{font-size:11px;color:#1ab266;font-weight:500}.deposit-fixed-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:540px;height:68px;background:#fff;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -2px 8px rgba(0,0,0,.05);z-index:40}.deposit-fixed-bar>div{display:flex;flex-direction:column}.deposit-fixed-bar small{font-size:11px;color:#768096}.deposit-fixed-bar strong{font-size:13px;margin-top:2px}.deposit-fixed-bar button{height:43px;min-width:125px;border:0;border-radius:7px;background:linear-gradient(90deg,var(--green1),var(--green2));color:#fff;font-weight:700;font-size:15px;cursor:pointer}
@media(max-width:370px){.account-name{max-width:137px}.vip-level{font-size:10px}.vip-level .account-rank{width:24px;height:24px}.reference-navbar{grid-template-columns:45px 1fr 105px;padding:0 10px}.wallet-ref-content,.deposit-ref-content{padding-left:11px;padding-right:11px}.wallet-circle{width:86px;height:86px}.wallet-action-icon{width:43px;height:43px}.wallet-ref-actions a{font-size:10px}.deposit-channel-list{gap:7px}.deposit-amount-grid{gap:7px}.deposit-fixed-bar{padding-left:11px;padding-right:11px}}