.app{width:100%;background:#0a0a0a}.hero-section{width:100%;height:100vh;background:linear-gradient(180deg,#0a0a1a,#1a2a4a);display:flex;align-items:center;justify-content:center;position:relative}.hero-content{text-align:center;width:100%;max-width:1200px;padding:40px 20px}.logo-container{margin-bottom:40px;display:flex;justify-content:center;align-items:center}.logo{width:120px;height:120px;object-fit:contain}.text-container{display:flex;flex-direction:column;align-items:center;gap:20px}.subtitle{font-family:Geist Mono,monospace;font-size:24px;font-weight:400;color:#fff;margin:0;letter-spacing:.02em}.volume-display{font-family:Geist Mono,monospace;font-size:72px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.2;transition:all .3s ease}.table-section{width:100%;background:#fafafa;padding:100px 20px;min-height:100vh}.metrics-container{max-width:1400px;margin:0 auto 40px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000000f;overflow:hidden}.table-container{max-width:1400px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000000f;overflow:hidden}.metrics-table{width:100%;border-collapse:collapse;background:#fff;font-family:Geist Mono,monospace}.metrics-table tbody tr{border-bottom:1px solid #f1f3f5;transition:all .2s cubic-bezier(.4,0,.2,1)}.metrics-table tbody tr:last-child{border-bottom:none}.metrics-table tbody tr:hover{background-color:#f8f9fa}.metrics-table td{padding:18px 28px;font-size:14px;color:#212529;transition:color .2s ease}.metrics-table td:first-child{color:#212529;font-weight:500}.metrics-table td:last-child{text-align:right;color:#0a0;font-weight:500}.volume-table{width:100%;border-collapse:collapse;background:#fff;font-family:Geist Mono,monospace}.volume-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.volume-table th{text-align:left;padding:18px 28px;font-size:12px;color:#495057;text-transform:uppercase;letter-spacing:.8px;background:#f8f9fa}.volume-table th:last-child{text-align:right}.volume-table tbody tr{border-bottom:1px solid #f1f3f5;transition:all .2s cubic-bezier(.4,0,.2,1)}.volume-table tbody tr:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.volume-table tbody tr:last-child{border-bottom:none}.volume-table td{padding:22px 28px;font-size:14px;color:#212529;transition:color .2s ease}.volume-table td:last-child{text-align:right}.coin-info{display:flex;align-items:center;gap:14px}.coin-logo{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #f1f3f5;transition:all .2s ease}.volume-table tbody tr:hover .coin-logo{border-color:#dee2e6;transform:scale(1.05)}.coin-name{color:#212529;font-weight:500;font-size:14px;letter-spacing:-.01em}.coin-volume{color:#0a0;font-size:14px;letter-spacing:-.01em}.total-row{background:#f8f9fa;border-top:2px solid #e9ecef;border-bottom:none}.total-row:hover{background:#f1f3f5;transform:none;box-shadow:none}.total-row td{padding:26px 28px}.total-label{color:#212529;font-size:15px;letter-spacing:-.01em}.total-volume{color:#0a0;font-size:15px;letter-spacing:-.01em}.trading-link-container{text-align:center;padding:40px 20px 20px}.trading-link{font-family:Geist Mono,monospace;font-size:16px;color:#212529;text-decoration:none;border-bottom:2px dotted #212529;padding-bottom:2px;transition:all .2s ease;display:inline-block}.trading-link:hover{color:#0a0;border-bottom-color:#0a0}@media (max-width: 768px){.subtitle{font-size:18px}.volume-display{font-size:48px}.logo{width:80px;height:80px}.volume-table th,.volume-table td,.metrics-table td{padding:16px 12px;font-size:13px}.coin-logo{width:24px;height:24px}.table-section{padding:60px 16px}.metrics-container{margin-bottom:30px}}@media (max-width: 480px){.subtitle{font-size:16px}.volume-display{font-size:36px}.logo{width:60px;height:60px}.table-section{padding:60px 16px}.metrics-container{margin-bottom:24px}.volume-table th,.volume-table td,.metrics-table td{padding:12px 8px;font-size:12px}.coin-logo{width:20px;height:20px}.coin-name{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Geist Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}