*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#111;background:#f3f3f3;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.15}h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif;font-weight:500}h2{margin-bottom:2px;font-size:20px;line-height:1.15}p{margin-top:0;margin-bottom:18px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.15}.payment-page{background:#f7f7f7;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:34px 20px 50px;font-family:Arial,Helvetica,sans-serif;display:flex}.payment-title{color:#111;text-align:center;margin:0 0 32px;font-size:22px;font-weight:700;line-height:1}.payment-card{text-align:center;background:#fff;border-radius:9px;width:368px;max-width:100%;min-height:620px;padding:28px 24px 24px;box-shadow:0 8px 25px #00000014,0 2px 5px #0000000a}.coin-tabs{flex-wrap:wrap;justify-content:center;gap:7px;margin:0 auto 24px;display:flex}.coin-tab{color:#333;cursor:pointer;background:#fff;border:1px solid #d5d5d5;border-radius:18px;height:34px;padding:0 13px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.coin-tab:hover{color:#ff7900;border-color:#ff8500}.coin-tab.active{color:#111;background:#ff8500;border-color:#ff8500;font-weight:700}.payment-amount{color:#111;text-align:center;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:700;line-height:1.15}.pay-with{color:#111;text-align:center;margin-top:34px;margin-bottom:14px;font-size:14px;font-weight:600;line-height:1}.selected-coin{color:#111;background:#ff8500;border-radius:18px;justify-content:center;align-items:center;min-height:32px;padding:0 19px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.qr-container{background:#fff;justify-content:center;align-items:center;width:200px;height:200px;margin:42px auto 48px;display:flex}.qr-container img{object-fit:contain;width:200px;height:200px;display:block}.address-section{text-align:left;width:100%}.address-label{color:#777;letter-spacing:1.5px;margin:0 0 5px 2px;font-size:11px;font-weight:500;line-height:1}.address-row{align-items:center;gap:8px;width:100%;display:flex}.address{color:#111;overflow-wrap:anywhere;word-break:break-word;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.3}.copy-button{color:#ff7900;cursor:pointer;background:#fff;border:1px solid #ff8500;border-radius:5px;flex-shrink:0;height:32px;padding:0 12px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;line-height:1;transition:background .15s,color .15s}.copy-button:hover{color:#111;background:#ff8500}.copy-button:active{transform:translateY(1px)}.back-home{color:#ff7900;margin-top:28px;font-size:14px;font-weight:500;line-height:1.2;text-decoration:underline;display:inline-block}.back-home:hover{color:#e66f00}@media (max-width:500px){.payment-page{padding:25px 12px 40px}.payment-title{margin-bottom:25px}.payment-card{width:100%;padding:24px 18px 22px}.payment-amount{font-size:24px}.qr-container{width:180px;height:180px;margin-top:35px;margin-bottom:38px}.qr-container img{width:180px;height:180px}.address{font-size:12px}}.address-info{color:#666;text-align:left;background:#f7f7f7;border-radius:6px;margin-top:18px;padding:12px 14px;font-size:12px;line-height:1.45}.address-info strong{color:#333;margin-bottom:5px;font-size:13px;font-weight:700;display:block}.address-info p{color:#666;margin:0;font-size:12px;line-height:1.45}.warning-overlay{z-index:10001;background:#1e232d94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.warning-modal{background:#fffbea;border-left:6px solid #ffad00;border-radius:10px;width:420px;max-width:calc(100% - 40px);padding:24px 34px 24px 24px;animation:.2s ease-out warningModalIn;position:relative;box-shadow:0 5px 18px #00000040}.warning-close{color:#777;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:22px;line-height:28px;position:absolute;top:12px;right:12px}.warning-close:hover{color:#222}.warning-content{align-items:flex-start;gap:14px;display:flex}.warning-icon{flex-shrink:0;margin-top:3px;font-size:27px;line-height:1}.warning-content h2{color:#222;margin:0 0 5px;font-size:18px;font-weight:500}.warning-content p{color:#222;margin:0 0 8px;font-size:16px;line-height:1.45}.payment-link{color:#16b84e;cursor:pointer;font-weight:700;text-decoration:underline}.payment-link:hover{color:#0d963b}@keyframes warningModalIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.search input:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}a{color:#ff7900;text-decoration:underline}a:hover{color:#e66f00}.topbar{background:#fff;justify-content:flex-end;align-items:center;height:59px;padding-left:4.5%;padding-right:20%;display:flex}.top-actions{align-items:center;gap:20px;display:flex}.top-actions button{font:inherit;cursor:pointer;border-radius:5px;height:42px;padding:0 32px}.signup{background:#fff;border:1px solid #ccc}.login{color:#fff;background:#ff8500;border:1px solid #ff8500}.lang{background:0 0;border:0;padding:0 8px!important}.lang span{color:#777;margin-left:12px}.page{flex-direction:column;min-height:100vh;display:flex}.shell{flex:1;grid-template-columns:315px 1fr;gap:18px;width:1200px;max-width:calc(100% - 40px);margin:20px auto 0;display:grid}.sidebar{width:315px}.nav-card{background:#fff;border-radius:10px;margin-top:25px;box-shadow:0 1px 4px #0000000f}.brand-card{background:#fff;border-radius:10px;height:120px;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f}.brand-gear{object-fit:contain;z-index:1;width:80px;height:80px;animation:10s linear infinite gearRotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.brand-text{object-fit:contain;z-index:2;width:130px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gearRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.nav-card{min-height:665px;padding:10px 12px 18px}.nav-title{color:#ff7900;text-align:center;margin:2px 0 12px;font-size:20px}.search{border:1px solid #bbb;border-radius:4px;align-items:center;height:42px;margin-bottom:15px;padding:0 10px;display:flex}.search-icon{object-fit:contain;opacity:.65;width:14px;height:14px;margin-right:10px}.arrow-icon{object-fit:contain;width:14px;height:14px}.search input{border:0;outline:0;width:100%;font-size:16px}.nav-group{margin-bottom:10px}.nav-row,.price-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #bbb;border-radius:4px;grid-template-columns:52px 1fr 28px;align-items:center;column-gap:5px;width:100%;min-height:52px;padding:0 9px 0 0;font-size:17px;display:grid;overflow:hidden}.nav-icon-box{background:0 0;border-radius:4px 0 0 4px;justify-content:center;align-items:center;width:52px;height:100%;transition:background .2s;display:flex}.nav-icon{object-fit:contain;width:34px;height:34px;transition:transform .2s}.nav-row:hover .nav-icon-box{background:#ff8500}.nav-row:hover .nav-icon{transform:scale(1.05)}.chevron{color:#777;text-align:center}.subitems{color:#555;background:#fafafa;border:1px solid #ddd;border-top:0;padding:8px 12px 8px 57px}.subitems div{padding:5px 0}.price-row{cursor:default;margin-top:2px}.money-icon{object-fit:contain;width:45px;height:45px}.content{max-width:900px;padding:0 0 50px}.content h2,.content h1{color:#ff7900;margin:0 0 2px;font-size:21px}.content p{margin:0 0 20px;font-size:18px;font-weight:500;line-height:1.18}.content .notice{margin-top:2px;margin-bottom:18px}.content a{color:#ff7900;text-decoration:underline}.faq{margin:0 0 25px;padding-left:18px}.login-overlay{z-index:9999;background:#00000094;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-modal{background:#fff;border-radius:8px;width:390px;max-width:100%;padding:38px 48px 32px;position:relative;box-shadow:0 8px 30px #00000040}.login-close{color:#ff7900;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:34px;line-height:1;position:absolute;top:12px;right:14px}.login-close:hover{color:#e66f00}.login-modal h2{color:#111;margin:0 0 22px;font-size:20px;font-weight:500}.login-modal label{color:#111;margin:0 0 7px;font-size:16px;display:block}.login-modal label span{color:#ff7900}.login-modal input{border:1px solid #bbb;border-radius:4px;outline:none;width:100%;height:38px;margin-bottom:16px;padding:0 10px;font-family:Arial,Helvetica,sans-serif;font-size:16px;display:block}.login-modal input:focus{border-color:#ff8500}.modal-login-button,.modal-signup-button{cursor:pointer;border-radius:4px;width:100%;height:38px;font-family:Arial,Helvetica,sans-serif;font-size:16px}.field-error{color:#e53935;margin-top:-10px;margin-bottom:14px;font-size:14px}.modal-login-button{color:#fff;background:#ff8500;border:1px solid #ff8500;margin-top:3px}.modal-login-button:hover{background:#ed7900}.modal-signup-button{color:#111;background:#fff;border:1px solid #ccc;margin-top:14px}.modal-signup-button:hover{background:#f7f7f7}@media (max-width:500px){.login-modal{padding:36px 24px 26px}}.login-notification{color:#111;z-index:10000;opacity:0;pointer-events:none;background:#ef3434;border-radius:12px;align-items:center;width:360px;max-width:calc(100% - 40px);min-height:82px;padding:20px 30px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.25;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(30px);box-shadow:0 4px 10px #00000040}.login-notification.show{animation:.3s ease-out forwards notificationIn}.login-notification.hide{animation:.3s ease-in forwards notificationOut}@keyframes notificationIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes notificationOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.normal-title{margin-bottom:10px;font-weight:700}.faq li{font-size:17px}.faq h1{margin-top:10px;padding:0;font-size:18px;font-weight:400;line-height:1}.news-grid{grid-template-columns:1fr 1fr;gap:50px;display:grid}.news-grid h3{margin:0 0 8px;font-size:21px;line-height:1.05}.news-grid p{color:#666;margin-bottom:22px;font-size:16px;font-weight:600}.news-grid .muted{color:#c9c9c9;margin:8px 0}.footer{color:#777;text-align:center;background:#fff;justify-content:center;align-items:center;width:100%;min-height:70px;margin-top:30px;padding:5px 0;font-size:14px;display:flex}@media (max-width:900px){.shell{grid-template-columns:1fr;max-width:680px}.sidebar{width:100%}.content{max-width:none}}@media (max-width:600px){.topbar{padding:0 12px}.top-actions{gap:6px}.top-actions button{padding:0 14px}.shell{max-width:calc(100% - 20px)}.news-grid{grid-template-columns:1fr;gap:10px}}.dashboard-page{background:#f4f4f4;min-height:100vh}.dashboard-header{background:#fff;justify-content:flex-end;align-items:center;height:65px;padding-right:20%;display:flex}.dashboard-user{align-items:center;gap:30px;font-size:20px;display:flex}.cart-icon{width:40px}.logout-btn{background:#fff;border:1px solid #ccc;border-radius:5px;width:130px;height:45px;font-size:20px}.dashboard-shell{grid-template-columns:310px 1fr;gap:20px;width:980px;margin:25px auto;display:grid}.dashboard-content{width:100%}.balance-card{background:#fff;border-radius:10px;align-items:center;gap:40px;height:123px;padding:0 20px;display:flex}.balance-info{white-space:nowrap;align-items:center;gap:12px;display:flex}.balance-label{color:#ff7900;font-size:22px;font-weight:700}.balance-value{font-size:22px;font-weight:400}.topup-btn{color:#fff;cursor:pointer;background:#ff8500;border:none;border-radius:5px;width:110px;height:52px;font-size:16px;transition:all .2s}.topup-btn:hover{background:#e87500}.orange{color:#ff7900;font-weight:700}.referral-section{flex-direction:column;flex:1;gap:14px;display:flex}.referral-link-row{align-items:center;gap:10px;display:flex}.referral-input{border:2px solid #ff8500;border-radius:5px;outline:none;flex:1;height:40px;padding:0 14px;font-size:16px}.referral-percent{color:#ff8500;font-size:18px;font-weight:700}.referral-bottom{justify-content:space-between;align-items:center;display:flex}.referral-balance{align-items:center;gap:14px;display:flex}.referral-label{color:#ff7900;font-size:22px;font-weight:700}.referral-value{font-size:22px}.withdraw-btn{color:#fff;cursor:pointer;background:#ff8500;border:none;border-radius:5px;width:150px;height:38px;font-size:16px}.withdraw-btn:hover{background:#e87500}.cart-box{background:#fff;border-radius:10px;margin-top:9px;overflow:hidden}.dashboard-tabs{background:#f4f4f4;justify-content:space-between;align-items:flex-end;height:67px;padding:0;display:flex}.left-tabs{align-items:flex-end;height:100%;display:flex}.tab,.referrals-tab{cursor:pointer;background:#cfcfcf;border:none;border-radius:8px 8px 0 0;min-width:128px;height:52px;font-size:18px;font-weight:700}.tab.active{color:#ff7900;background:#fff}.referrals-tab{width:132px;margin-right:0}.tabs{display:flex}.tabs button{background:#ddd;border:none;height:52px;padding:0 45px;font-size:18px}.tabs .active{color:#ff7900;background:#fff}.empty-cart{color:#ccc;justify-content:center;align-items:center;height:500px;font-size:50px;font-weight:700;display:flex}.topup-overlay{z-index:10000;background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.topup-dialog{background:#fff;border-radius:10px;width:456px;min-height:430px;padding:46px 67px 42px;position:relative;box-shadow:0 8px 25px #0000004d}.topup-close{color:#ff7900;cursor:pointer;background:0 0;border:0;font-size:48px;font-weight:300;line-height:1;position:absolute;top:20px;right:22px}.topup-label{margin-bottom:7px;font-size:18px;line-height:1.2;display:block}.topup-input{background:#fff;border:1px solid #bbb;border-radius:5px;outline:none;width:100%;height:40px;padding:0 12px;font-family:Arial,Helvetica,sans-serif;font-size:17px}.topup-input:focus{border-color:#ff8500}.payment-label{margin-top:11px}.topup-submit{color:#fff;cursor:pointer;background:#ff8500;border:0;border-radius:5px;width:100%;height:40px;margin-top:51px;font-size:16px}.topup-submit:hover{background:#e87500}.topup-important-note{text-align:center;margin-top:34px;padding:0 8px}.important-title{color:#ff7900;margin-bottom:7px;font-size:17px;font-weight:700}.important-text{color:#333;font-size:15px;line-height:1.35}
