.swap-card{background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:20px;margin:20px auto;max-width:380px;box-shadow:0 6px 20px #0006,inset 1px 1px 6px #ffffff0d,inset -2px -2px 8px #00000040;color:#fff;text-align:center;transition:transform .3s ease}.swap-card:hover{transform:translateY(-5px) scale(1.01)}.swap-title{font-size:1.4rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#ffb86b,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-icon{color:#ffb86b}.swap-section{margin-bottom:16px;text-align:left}.swap-label{display:block;font-size:.9rem;color:#ddd;margin-bottom:6px}.swap-input{display:flex;align-items:center;gap:10px;background:#ffffff0f;padding:10px 12px;border-radius:12px}.swap-input select,.swap-input input{flex:1;padding:8px 10px;border:none;border-radius:8px;font-size:.95rem;outline:none;background:#0003;color:#fff}.swap-input select{max-width:120px;cursor:pointer}.swap-input input:disabled{opacity:.6;cursor:not-allowed}.swap-arrow{font-size:1.6rem;color:#ffb86b;margin:12px auto;display:flex;justify-content:center;align-items:center}.swap-btn{width:100%;padding:12px;font-size:1rem;font-weight:700;border-radius:12px;border:none;background:linear-gradient(90deg,#26a17b,#13c78a);color:#fff;cursor:pointer;transition:all .3s ease}.swap-btn:hover{background:linear-gradient(90deg,#13c78a,#26a17b);transform:scale(1.05)}.profile-card{background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:20px;margin:20px auto;max-width:340px;box-shadow:0 6px 18px #00000059,inset 1px 1px 4px #ffffff0d,inset -1px -1px 4px #00000040;color:#fff;text-align:center;transition:transform .3s ease}.profile-card:hover{transform:translateY(-4px) scale(1.02)}.profile-avatar{font-size:3.2rem;color:#ffb86b;margin-bottom:10px}.profile-username{font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#ffb86b,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-email{font-size:.85rem;color:#bbb;margin-bottom:12px}.profile-balance{background:#ffffff0d;padding:10px;border-radius:10px;margin:14px 0;font-size:.95rem}.profile-balance strong{display:block;font-size:1.1rem;margin-top:3px;color:#fff}.profile-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.edit-btn,.logout-btn{flex:1;padding:9px 12px;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.edit-btn{background:linear-gradient(90deg,#26a17b,#13c78a);color:#fff}.edit-btn:hover{background:linear-gradient(90deg,#13c78a,#26a17b);transform:scale(1.05)}.logout-btn{background:linear-gradient(90deg,#f43f5e,#ffb86b);color:#fff}.logout-btn:hover{background:linear-gradient(90deg,#ffb86b,#f43f5e);transform:scale(1.05)}.profile-menu{margin-top:1.2rem;background:#ffffff0d;border-radius:10px;overflow:hidden}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background .2s;position:relative}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#ffffff14}.menu-icon{position:absolute;left:12px;font-size:1rem;color:#f9f9f9}.menu-text{flex:1;text-align:center;font-size:.95rem;color:#fff}.menu-arrow{position:absolute;right:12px;font-size:.9rem;color:#aaa}.wallet-card{background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:24px;margin:20px auto;max-width:400px;box-shadow:0 8px 25px #0006,inset 2px 2px 6px #ffffff0d,inset -2px -2px 6px #0000004d;color:#fff;text-align:center}.wallet-title{font-size:1.5rem;margin-bottom:20px;background:linear-gradient(90deg,#ffb86b,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.wallet-total{font-size:1.2rem;margin-bottom:24px}.wallet-total strong{display:block;font-size:1.6rem;margin-top:6px;color:#fff}.wallet-assets{display:flex;flex-direction:column;gap:12px}.asset{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.asset:hover{background:#ffffff14;box-shadow:0 4px 12px #00ff804d;transform:translateY(-4px)}.asset-icon{font-size:1.5rem}.asset span{flex:1;text-align:center}.asset-actions button{background:#ffffff0d;border:none;padding:6px;border-radius:8px;color:#fff;margin-left:6px;cursor:pointer;transition:all .3s ease}.asset-actions button:hover{background:linear-gradient(90deg,#ffb86b,#f43f5e);transform:scale(1.1)}.screen{min-height:100vh;background:linear-gradient(145deg,#0f0f1a,#1b1b2f);color:#fff;padding:16px}.content{max-width:420px;margin:0 auto}.bank-card{background:#ffffff0d;border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 6px 16px #0006}.bank-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;margin-bottom:16px}.title-icon{color:gold}.bank-form{display:flex;flex-direction:column;gap:12px}.bank-form input{padding:10px;border-radius:10px;border:none;outline:none;font-size:.95rem;background:#ffffff14;color:#fff}.bank-form input::placeholder{color:#aaa}.add-btn{background:#27ae60;color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer;transition:.3s}.add-btn:hover{background:#219150}.bank-list{display:flex;flex-direction:column;gap:12px}.bank-item{background:#ffffff14;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center}.bank-info{display:flex;flex-direction:column;font-size:.9rem}.delete-btn{background:#e74c3c;border:none;padding:8px 10px;border-radius:8px;cursor:pointer;color:#fff;transition:.3s;width:20%!important}.delete-btn:hover{background:#c0392b}.muted{text-align:center;color:#aaa;font-size:.9rem;margin-top:10px}.glass-alert{position:fixed;top:20px;right:20px;padding:12px 18px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;color:#fff;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px #0003;animation:fadeIn .3s ease;z-index:9999}.glass-alert.success{border-left:4px solid #26a17b}.glass-alert.error{border-left:4px solid #ff4d4d}.glass-alert.info{border-left:4px solid #627eea}.glass-alert button{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verify-card{background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:30px 24px;margin:40px auto;max-width:420px;box-shadow:0 8px 25px #0006,inset 2px 2px 6px #ffffff0d,inset -2px -2px 6px #0000004d;color:#fff;text-align:center}.verify-icon{font-size:3rem;color:#ffb86b;margin-bottom:12px}.verify-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(90deg,#ffb86b,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.verify-subtitle{font-size:.95rem;color:#bbb;margin-bottom:22px}.otp-inputs{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.otp-inputs input{width:44px;height:50px;text-align:center;font-size:1.2rem;font-weight:700;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;outline:none;transition:all .2s ease}.otp-inputs input:focus{border-color:#ffb86b;background:#ffffff1a}.verify-btn{width:100%;background:linear-gradient(90deg,#ffb86b,#f43f5e);border:none;padding:12px 16px;font-size:1rem;font-weight:700;border-radius:14px;cursor:pointer;color:#fff;box-shadow:0 6px 15px #f43f5e66;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.verify-btn:hover{background:linear-gradient(90deg,#f43f5e,#ffb86b);transform:scale(1.05);box-shadow:0 8px 18px #ffb86b80}.txn-card{background:#ffffff0d;border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0003}.txn-title{display:flex;align-items:center;font-size:1.2rem;margin-bottom:15px;color:#fff}.title-icon{margin-right:8px;color:#f39c12}.txn-list{display:flex;flex-direction:column;gap:12px}.txn-item.glass{display:flex;justify-content:space-between;background:#ffffff1a;padding:12px 16px;border-radius:12px}.txn-info{display:flex;flex-direction:column;gap:4px}.txn-type{font-weight:700;color:#3498db}.txn-status.success{color:#2ecc71}.txn-status.failed{color:#e74c3c}.txn-status.pending{color:#f1c40f}.txn-meta{display:flex;flex-direction:column;text-align:right;gap:4px;font-size:.9rem;color:#ddd}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.nav-btn{background:#ffffff26;border-radius:8px;padding:6px 12px;display:flex;align-items:center;gap:6px}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.p2p-screen{font-family:Arial,sans-serif;padding:20px;background:#0f0f0f;color:#fff;min-height:100vh}.p2p-tabs{display:flex;justify-content:space-around;margin-bottom:20px;border-bottom:2px solid #1c1c1c}.tab{flex:1;text-align:center;padding:12px 0;font-size:16px;cursor:pointer;color:#aaa;border-bottom:3px solid transparent;transition:all .3s ease}.tab.active.buy{color:#0f0;border-bottom:3px solid #0f0}.tab.active.sell{color:red;border-bottom:3px solid #f00}.orders-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.order-card{background:#1a1a1a;border-radius:8px;padding:15px;display:flex;justify-content:space-between;align-items:center}.order-info{display:flex;flex-direction:column;gap:5px}.trader{font-weight:700;font-size:14px;color:#fff}.amount{font-size:13px;color:#bbb}.price{font-size:18px;font-weight:700;color:#fff}.price span{font-size:12px;color:#999;margin-left:5px}.buy-btn{background:#0f0;color:#000;padding:8px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:.3s}.buy-btn:hover{opacity:.8}.sell-btn{background:red;color:#fff;padding:8px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:.3s}.sell-btn:hover{opacity:.8}.order-form{background:#1a1a1a;padding:20px;border-radius:8px}.order-form h3{margin-bottom:15px}.order-form input{width:100%;padding:10px;margin-bottom:12px;border:none;border-radius:6px;outline:none;background:#111;color:#fff}.order-form input::placeholder{color:#777}.deposit-card{padding:20px;border-radius:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.deposit-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;margin-bottom:20px;color:#fff}.deposit-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px;color:#ddd}.input-wrapper{display:flex;align-items:center;background:#ffffff14;border-radius:10px;padding:8px 12px}.input-icon{color:#fc0;margin-right:8px}input,select{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.95rem}.deposit-btn{background:linear-gradient(45deg,#ff9800,#ff5722);color:#fff;padding:12px;border-radius:12px;font-size:1rem;cursor:pointer;transition:transform .2s}.deposit-btn:hover{transform:scale(1.05)}.deposit-info{margin-top:15px;font-size:.9rem;color:#aaa;display:flex;align-items:center;gap:8px}.step-indicator{margin:12px 0 18px}.step-text{font-size:.9rem;margin-bottom:6px;color:#ffffffd9;text-align:left}.step-bar{height:6px;background:#ffffff0f;border-radius:6px;overflow:hidden}.step-bar-fill{height:100%;background:linear-gradient(90deg,gold,#ffb347);transition:width .25s ease}.actions-row{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer}.next-btn{background:#1a73e8;color:#fff}.back-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.08)}.edit-btn{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.04)}.copied-badge{margin-left:8px;background:#00000073;color:#fff;padding:4px 8px;border-radius:6px;font-size:.8rem}.no-address{padding:12px;background:#ffffff08;border-radius:8px;text-align:center}:root{--bg: #0b0f14;--card: #0f1720;--muted: #9aa4b2;--accent: #ffb86b;--accent-2: #f43f5e }*{box-sizing:border-box}body,html,#root{height:100%;margin:0;background:var(--bg);color:#e6eef6;font-family:Inter,ui-sans-serif,system-ui,Arial}.app-root{min-height:100%;padding-bottom:68px;display:flex;flex-direction:column}.screen{max-width:420px;margin:0 auto;padding:0 20px 20px;width:100%}.center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.brand{font-size:22px;margin:18px 0 8px}.card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border-radius:12px;padding:12px;margin:12px 0}.card.small{padding:10px}label{display:block;font-size:13px;margin:8px 0}input{width:100%;padding:10px;border-radius:8px;border:0;background:#ffffff08;color:inherit}.btn{display:block;width:100%;padding:10px;border-radius:10px;border:0;margin-top:12px;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#081020;font-weight:600}.muted{color:var(--muted);font-size:13px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.link{background:none;border:0;color:var(--accent);cursor:pointer}.content{padding-bottom:24px}.swap-form input{font-size:18px}.footer{position:fixed;left:0;right:0;bottom:0;height:56px;background:linear-gradient(180deg,#ffffff05,#ffffff03);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.03)}.footer a{color:var(--muted);text-decoration:none;font-size:13px}.footer a.active{color:var(--accent);font-weight:700}@media (min-width:720px){.screen{margin-top:20px}}.card{background:#0f1720b3;border-radius:16px;padding:20px;margin:20px 0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 5px 5px 10px #000000b3,inset -5px -5px 10px #ffffff0d,0 6px 12px #0006;border:1px solid rgba(255,255,255,.05);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:inset 5px 5px 12px #000000b3,inset -5px -5px 12px #ffffff0f,0 10px 18px #00000080}.footer-3d{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#111;padding:12px 0;box-shadow:0 -4px 12px #0006;border-top:1px solid #222;z-index:50}.menu-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#aaa;font-size:12px;perspective:500px;transition:transform .2s ease,color .3s ease}.menu-item .icon{background:linear-gradient(145deg,#1e1e1e,#292929);padding:8px;border-radius:12px;box-shadow:3px 3px 6px #0b0b0b,-3px -3px 6px #2b2b2b;margin-bottom:4px;transform:translateZ(0)}.menu-item:hover{transform:translateY(-4px) rotateX(5deg);color:#fff}.menu-item.active{color:#836903}.menu-item.active .icon{background:linear-gradient(145deg,#fc0,#e6b800);box-shadow:3px 3px 6px #0b0b0b,-3px -3px 6px #2b2b2b}.balance-card{position:relative;background:#ffffff14;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);color:#fff;padding:20px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 20px #00000059,inset 0 1px 1px #ffffff4d;transition:transform .3s ease,box-shadow .3s ease}.balance-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px #00000080,inset 0 1px 1px #fff6}.balance-bg-icon{position:absolute;right:20px;top:10px;font-size:72px;color:#dbaa09a1;z-index:0;pointer-events:none}.balance-header,.balance-amount,.balance-assets,.trade-actions{position:relative;z-index:1}.balance-amount{font-size:32px;font-weight:700;margin:10px 0}.balance-assets{display:flex;justify-content:space-between;margin-top:1rem;padding:10px 14px;border-radius:14px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 8px #ffffff0d}.asset{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:0 12px;position:relative}.asset:not(:last-child):after{content:"";position:absolute;right:0;top:15%;bottom:15%;width:1px;background:#ffffff26}.asset-icon{font-size:1.2rem}.asset-icon.btc{color:#f7931a}.asset-icon.eth{color:#627eea}.asset-icon.usdt{color:#26a17b}.balance-assets div{text-align:center}.trade-actions{display:flex;justify-content:space-between;margin-top:16px}.trade-actions .btn{flex:1;padding:10px;margin:0 6px;border-radius:12px;font-size:15px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.trade-actions .btn.buy{background:linear-gradient(135deg,#0f9d58,#34a853);color:#fff}.trade-actions .btn.sell{background:linear-gradient(135deg,#d93025,#ea4335);color:#fff}.trade-actions .btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000040}.news-ticker{display:flex;align-items:center;background:linear-gradient(90deg,#111,#1a1a1a);padding:8px 15px;border-radius:6px;margin-bottom:20px;overflow:hidden}.news-icon{flex-shrink:0;font-size:18px;color:#fc0;margin-right:12px;z-index:2}.ticker-wrapper{flex:1;overflow:hidden;position:relative}.ticker-content{display:inline-block;white-space:nowrap;animation:ticker-scroll 20s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:8px;margin-right:40px;font-size:14px;color:#ddd}.news-title{background:#fc0;color:#000;font-weight:700;padding:2px 6px;border-radius:4px;font-size:13px}.news-text{color:#aaa;font-size:14px}@keyframes ticker-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.mobile-banner{margin:15px 0;padding:12px;background:linear-gradient(135deg,#ff8a00,#e52e71);color:#fff;font-weight:600;font-size:14px;border-radius:12px;text-align:center;box-shadow:0 4px 10px #00000026}.mobile-banner .banner-content{display:flex;justify-content:center;align-items:center}.box-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.box{background:#ffffff1a;border-radius:10px;padding:10px;text-align:center;color:#fff;font-size:12px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s;min-height:65px}.box-icon{font-size:18px;margin-bottom:4px}.box:hover{background:#fff3;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#1e293be6;padding:24px;border-radius:12px;text-align:center;color:#e6eef6;box-shadow:0 6px 20px #00000080;max-width:320px;width:90%;border:1px solid rgba(255,255,255,.1);animation:fadeInUp .3s ease}.modal-body{margin:12px 0}.btn.close{margin-top:16px;background:#f43f5e;color:#fff;padding:8px 16px;border-radius:8px;border:none;cursor:pointer}.btn.close:hover{background:#e11d48}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}