
            
            
        .crypto-ticker  {
            /* background: linear-gradient(90deg, #1a1a2e, #16213e); */
            color: white;
            padding: 12px 0;
            overflow: hidden;
            white-space: nowrap;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            border-top: 1px solid #d0ff7f;
            border-bottom: 1px solid #d0ff7f
        }
        
        .ticker-container {
            display: inline-block;
            padding-left: 100%;
            animation: ticker 60s linear infinite;
        }
        
        .ticker-item {
            display: inline-block;
            margin: 0 30px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        .crypto-name {
            font-weight: bold;
            color: #4cc9f0;
            margin-right: 5px;
        }
        
        .crypto-price {
            color: #f8f8f8;
        }
        
        .price-up {
            color: #4ade80;
        }
        
        .price-down {
            color: #f87171;
        }
        
        .crypto-change {
            font-size: 0.9em;
            margin-left: 8px;
        }
        
        @keyframes ticker {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }
        
        @media (max-width: 768px) {
            .ticker-item {
                margin: 0 15px;
            }
            
            .ticker-container {
                animation-duration: 40s;
            }
        }
