*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:#0b0e11;color:#fff}.header{height:64px;border-bottom:1px solid #2b3139;padding:0 24px}.header,.header-content{display:flex;align-items:center}.header-content{gap:48px;flex:1 1}.logo{color:#fcd535;font-size:24px;font-weight:700}.nav{display:flex;gap:32px}.nav a{color:#fff;text-decoration:none;transition:color .2s}.nav a:hover{color:#fcd535}.hero{padding:80px 24px}.hero-content{max-width:1200px;margin:0 auto}.hero h1{font-size:60px;font-weight:700;margin-bottom:24px;line-height:1.2}.hero h1 .highlight{color:#fcd535}.hero p{font-size:20px;color:#9ca3af;margin-bottom:32px;max-width:600px}.btn-primary{background:#fcd535;color:#000;padding:16px 32px;border:none;border-radius:4px;font-weight:700;font-size:18px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#f3cc2e}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px;gap:32px;margin-top:80px}.stat{text-align:left}.stat-value{font-size:30px;font-weight:700;margin-bottom:8px}.stat-label{color:#9ca3af}.trading-interface{display:flex;height:calc(100vh - 64px)}.market-list{width:384px;border-right:1px solid #2b3139;background:#161a1e}.search-box{padding:16px}.search-input{width:100%;background:#2b3139;border:none;border-radius:4px;padding:8px 16px;color:#fff;outline:none}.market-table{width:100%;font-size:14px}.market-table thead{border-bottom:1px solid #2b3139}.market-table th{text-align:left;padding:8px 16px;color:#9ca3af;font-weight:400}.market-table th:last-child{text-align:right}.market-table tbody tr{cursor:pointer;transition:background .2s}.market-table tbody tr:hover{background:#1e2329}.market-table td{padding:12px 16px}.market-table td:last-child{text-align:right}.price{font-weight:500}.change-positive{color:#10b981}.change-negative{color:#ef4444}.chart-section{flex:1 1;display:flex;flex-direction:column}.price-header{border-bottom:1px solid #2b3139;padding:24px}.price-info{display:flex;align-items:flex-end;gap:24px}.current-price{font-size:30px;font-weight:700}.pair-name{color:#9ca3af;margin-top:4px}.price-stat{margin-right:24px}.price-stat-label{font-size:12px;color:#9ca3af}.price-stat-value{font-size:16px;margin-top:4px}.chart-area{flex:1 1;background:#161a1e;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:24px}.order-form{height:320px;display:flex;border-top:1px solid #2b3139}.order-section{flex:1 1;padding:24px}.order-tabs{display:flex;gap:16px;margin-bottom:16px}.tab-btn{padding:8px 16px;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px}.tab-btn.active{background:#10b981;color:#fff}.tab-btn.sell{background:#ef4444;color:#fff}.form-group{margin-bottom:16px}.form-label{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;margin-bottom:4px}.form-input{background:#2b3139;padding:8px 12px;outline:none}.btn-buy,.form-input{width:100%;border:none;border-radius:4px;color:#fff}.btn-buy{background:#10b981;padding:12px;font-weight:500;cursor:pointer;transition:background .2s}.btn-buy:hover{background:#059669}.btn-sell{width:100%;background:#ef4444;color:#fff;padding:12px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s}.btn-sell:hover{background:#dc2626}.order-book{width:320px;border-left:1px solid #2b3139;background:#161a1e}.order-book-header{padding:16px;border-bottom:1px solid #2b3139;font-weight:500}.order-book-table{font-size:12px}.order-book-head{display:grid;grid-template-columns:1fr 1fr 1fr;padding:8px 16px;color:#9ca3af}.order-book-head>div:nth-child(2),.order-book-head>div:nth-child(3){text-align:right}.order-row{display:grid;grid-template-columns:1fr 1fr 1fr;padding:2px 16px;transition:background .2s}.order-row:hover{background:#1e2329}.order-row>div:nth-child(2),.order-row>div:nth-child(3){text-align:right}.sell-order{color:#ef4444}.buy-order{color:#10b981}.current-price-display{background:#1e2329;padding:8px 16px;margin:4px 0;font-size:18px;font-weight:700;color:#10b981}.system-features{margin:40px 0;background:#161a1e;padding:32px;border-radius:8px;border:1px solid #2b3139}.system-features h2{color:#fcd535;font-size:28px;margin-bottom:24px;font-weight:700}.system-features ul{list-style:none;padding:0;margin:0 0 32px}.system-features li{padding:12px 0;border-bottom:1px solid #2b3139;line-height:1.6}.system-features li:last-child{border-bottom:none}.system-features li strong{color:#fcd535;display:inline-block;margin-right:8px}.system-features h3{color:#fcd535;font-size:20px;margin:32px 0 16px;font-weight:700}.how-it-works{background:#0b0e11;padding:20px;border-radius:4px;border:1px solid #fcd535;color:#fff;font-size:16px;line-height:1.8}.market-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2b3139}.market-header h3{font-size:16px;font-weight:600}.market-stats{color:#9ca3af;font-size:12px}.market-tabs{display:flex;gap:8px;padding:0 16px;margin-bottom:8px}.market-tab{padding:6px 12px;background:transparent;border:none;color:#9ca3af;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s}.market-tab:hover{background:#2b3139}.market-tab.active{background:#fcd535;color:#000}.market-pair{display:flex;align-items:center;gap:4px}.market-symbol{font-weight:600}.market-base{color:#9ca3af;font-size:11px}.order-book-controls{display:flex;gap:4px}.depth-btn{padding:4px 8px;background:#2b3139;border:none;color:#9ca3af;font-size:11px;border-radius:2px;cursor:pointer}.depth-btn:hover{background:#3b4149}.spread-indicator{padding:8px 16px;background:#1e2329;font-size:11px;color:#9ca3af;text-align:center;border-bottom:1px solid #2b3139}.order-row{position:relative}.order-depth{position:absolute;top:0;right:0;bottom:0;opacity:.2;z-index:0}.sell-depth{background:#ef4444}.buy-depth{background:#10b981}.order-amount,.order-price,.order-total{position:relative;z-index:1}.buy-orders,.sell-orders{max-height:300px;overflow-y:auto}.trading-panel{padding:24px}.trading-header{display:flex;justify-content:space-between;margin-bottom:20px}.order-type-tabs,.side-tabs{display:flex;gap:8px}.order-type-tab,.side-tab{padding:8px 16px;background:#2b3139;border:none;color:#9ca3af;font-size:14px;cursor:pointer;border-radius:4px;transition:all .2s}.order-type-tab.active{background:#fcd535;color:#000}.side-tab.buy.active{background:#10b981;color:#fff}.side-tab.sell.active{background:#ef4444;color:#fff}.balance-display{display:flex;justify-content:space-between;padding:12px;background:#1e2329;border-radius:4px;margin-bottom:16px;font-size:13px}.balance-label{color:#9ca3af}.balance-value{font-weight:600}.form-label-unit{color:#9ca3af;font-size:11px}.percent-buttons{display:flex;gap:8px;margin:12px 0}.percent-btn{flex:1 1;padding:6px;background:#2b3139;border:none;color:#9ca3af;font-size:12px;border-radius:4px;cursor:pointer;transition:all .2s}.percent-btn:hover{background:#3b4149;color:#fff}.submit-btn{width:100%;padding:14px;border:none;border-radius:4px;font-weight:600;font-size:16px;cursor:pointer;margin-top:16px;transition:all .2s}.price-ticker{gap:24px;padding:16px 24px;background:#161a1e;border-bottom:1px solid #2b3139}.price-ticker,.ticker-pair{display:flex;align-items:center}.ticker-pair{gap:8px}.ticker-symbol{font-size:20px;font-weight:600}.ticker-price{font-size:24px;font-weight:700;color:#10b981}.ticker-change{padding:4px 8px;border-radius:4px;font-size:14px}.ticker-change.positive{background:rgba(16,185,129,.1);color:#10b981}.ticker-change.negative{background:rgba(239,68,68,.1);color:#ef4444}.ticker-stat{display:flex;flex-direction:column;gap:4px}.ticker-stat-label{font-size:11px;color:#9ca3af;text-transform:uppercase}.ticker-stat-value{font-size:14px;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#161a1e}::-webkit-scrollbar-thumb{background:#2b3139;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3b4149}@media (max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px}.market-list,.order-book{display:none}}