*{box-sizing:border-box}html,body{margin:0;background:#020b16;color:#eef4fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}.app{width:min(100%,830px);margin:auto;min-height:100vh;background:radial-gradient(circle at 70% 0%,#10213a 0,#071425 30%,#020b16 72%);padding:24px 14px 100px;overflow:hidden}.topbar{height:145px;display:flex;align-items:center;gap:22px;padding:0 15px}.icon-btn,.chevron{background:none;border:0;color:#f6f8fb}.hamburger{width:42px;padding:7px 0}.hamburger span{display:block;height:3px;background:#f3f6fa;border-radius:3px;margin:7px 0}.brand{display:flex;align-items:center;gap:5px;line-height:.88}.brand-name{font-weight:900;font-size:26px;text-align:right;letter-spacing:-1px}.brand-name span{color:#ee313d}.brand-mark{font-size:68px;line-height:.8;font-weight:900;font-style:italic;color:#246eff;text-shadow:2px 0 #ef303c}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.bell{font-size:32px;position:relative}.bell i{position:absolute;right:-4px;top:-5px;background:#f12d36;width:26px;height:26px;border-radius:50%;font-style:normal;font-size:15px;display:grid;place-items:center}.avatar{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5da7e9,#183d64);border:2px solid #9fd8ff;font-weight:800}.chevron{font-size:28px}.card{background:linear-gradient(145deg,rgba(12,31,54,.9),rgba(5,19,34,.86));border:1px solid #20364f;box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 30px rgba(0,0,0,.15);border-radius:17px}.balance-card{padding:29px 25px;display:flex;align-items:center;justify-content:space-between}.muted{font-size:21px;color:#9eacbd}.balance{font-size:36px;margin-top:13px}.eye{border:0;background:none;color:#b9c4d0;font-size:22px;margin-left:12px}.deposit{border:0;border-radius:8px;background:#1766ec;color:white;padding:17px 28px;font-size:23px;box-shadow:0 8px 22px #0a4eb04f}.deposit span{margin-left:8px}.ticker-wrap{overflow:hidden;margin:22px 0 15px}.ticker{display:flex;gap:8px;width:max-content}.ticker-card{width:245px;height:160px;padding:20px;border-radius:16px;border:1px solid #20364f;background:linear-gradient(145deg,#0b1b2d,#061321)}.ticker-title{display:flex;gap:10px;align-items:center;font-size:20px}.mini-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:900}.mini-icon.gold{background:#d99d00}.mini-icon.orange{background:#f79400}.mini-icon.usd{background:#3561e8}.mini-icon.eth{background:#7999e8}.ticker-price{font-size:23px;margin-top:16px}.green{color:#00e783}.red{color:#ff3c44}.spark{height:28px;margin-top:4px;display:flex;align-items:end;gap:3px}.spark span{width:4px;background:#00dc7b;border-radius:2px}.spark.red span{background:#ff3d47}main{display:grid;gap:15px}.market-card{padding:26px 14px 12px}.instrument-head{display:flex;align-items:center;gap:13px;padding:0 12px}.coin{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:26px;flex:none}.coin.gold{background:#d99d00}.instrument-head h1{font-size:29px;margin:0}.instrument-head p{margin:4px 0;color:#9daabb;font-size:19px}.star{color:#aab7c6;font-weight:400;margin-left:6px}.quote{margin-left:auto;text-align:right}.quote strong{font-size:31px;display:block}.quote span{font-size:19px;color:#00df80}.chart-controls{display:flex;align-items:center;gap:7px;margin:26px 0 14px}.timeframes{display:flex;border:1px solid #233a52;border-radius:9px;overflow:hidden}.timeframes button,.indicator,.fullscreen{height:64px;background:transparent;color:#cbd3de;border:0;padding:0 16px;font-size:19px;border-right:1px solid #233a52}.timeframes button.active{background:#0b55bc;color:#54a0ff}.indicator{border:1px solid #233a52;border-radius:9px;margin-left:auto}.fullscreen{border:1px solid #233a52;border-radius:9px;padding:0 16px;font-size:28px}.chart-shell{height:500px;position:relative;border-top:1px solid #13293e;background:repeating-linear-gradient(to right,transparent 0,transparent 80px,rgba(56,86,113,.16) 81px),repeating-linear-gradient(to bottom,transparent 0,transparent 66px,rgba(56,86,113,.16) 67px);overflow:hidden}.chart-shell canvas{width:100%;height:100%;display:block}.price-line{position:absolute;right:0;top:43%;width:100%;border-top:1px dotted #00db7b;pointer-events:none}.price-line span{position:absolute;right:0;top:-16px;background:#0acb72;color:#fff;padding:3px 8px;font-size:16px}.trade-card{padding:27px 25px}.trade-title{display:flex;justify-content:space-between;align-items:center}.trade-title h2{font-size:25px;margin:0}.trade-title div{color:#8f9dae;font-size:17px}.trade-title strong{color:#00e783;font-size:18px;margin-left:6px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}.inputs label{color:#aeb9c7;font-size:17px}.input-box{height:78px;border:1px solid #294057;border-radius:9px;margin-top:-1px;background:#071526;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:22px;color:#edf3f8}.input-box button{border:0;background:none;color:#cbd4de;font-size:32px}.select span{font-size:24px}.trade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.trade-buttons button{height:110px;border:0;border-radius:9px;color:#fff;text-align:left;padding:14px 24px;position:relative}.trade-buttons .buy{background:linear-gradient(135deg,#08a866,#04b77b)}.trade-buttons .sell{background:linear-gradient(135deg,#ef2c35,#fa333a)}.trade-buttons small,.trade-buttons b{display:block}.trade-buttons small{font-size:19px}.trade-buttons b{font-size:30px;margin-top:4px}.trade-buttons span{position:absolute;right:22px;bottom:22px;font-size:42px;opacity:.55}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,830px);height:94px;background:rgba(3,14,27,.97);border-top:1px solid #243a52;display:flex;justify-content:space-around;align-items:center;padding-bottom:8px;backdrop-filter:blur(15px)}.nav-item{background:none;border:0;color:#a9b3c1;font-size:34px;display:flex;flex-direction:column;align-items:center;gap:5px}.nav-item span{font-size:15px}.nav-item.active{color:#1680ff}@media(max-width:650px){.app{padding-top:8px}.topbar{height:145px;padding:0 15px;gap:13px}.brand-name{font-size:20px}.brand-mark{font-size:53px}.avatar{width:50px;height:50px}.balance-card{padding:24px 20px}.muted{font-size:18px}.balance{font-size:29px}.deposit{padding:15px 18px;font-size:18px}.ticker-card{width:240px}.market-card{padding-top:23px}.instrument-head h1{font-size:25px}.quote strong{font-size:28px}.chart-controls{overflow:hidden}.timeframes button{padding:0 12px;font-size:17px}.indicator span{display:none}.chart-shell{height:430px}.trade-title{align-items:flex-start;gap:8px}.trade-title div{font-size:14px;text-align:right}.inputs{gap:10px}.trade-card{padding:22px 15px}.trade-buttons{gap:10px}.trade-buttons button{padding:12px 14px}.trade-buttons b{font-size:24px}.bottom-nav{height:84px}.nav-item{font-size:28px}.nav-item span{font-size:12px}}