@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root { --primary: #00d4aa; }

* { font-family: 'Inter', system_ui, sans-serif; }

.coin-card { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.coin-card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgb(0 212 170 / 0.15); }

.price-ticker { animation: ticker 30s linear infinite; }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.modal-content { animation: modalPop 0.3s ease-out; }
@keyframes modalPop { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }

.chart-container { height: 480px; width: 100%; }

.nav-active { color: #00d4aa; border-bottom: 2px solid #00d4aa; }