/* Alpha Badge */
.alpha-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background: linear-gradient(135deg, #FF6B00 0%, #FF9500 100%);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin-left: 0.75rem;
    animation: pulse 2s ease-in-out infinite;
}

/* Live Crypto Ticker Banner */
.crypto-ticker-banner {
    position: sticky;
    top: 80px;
    z-index: 999;
    display: flex;
    align-items: center;
    background: rgba(10, 14, 26, 0.95);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0, 102, 255, 0.2);
    overflow: hidden;
}

.ticker-label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    background: rgba(0, 102, 255, 0.1);
    border-right: 1px solid rgba(0, 102, 255, 0.2);
    font-weight: 700;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    color: var(--secondary);
    white-space: nowrap;
}

.ticker-icon {
    font-size: 1.25rem;
    animation: pulse 2s ease-in-out infinite;
}

.crypto-ticker {
    flex: 1;
    display: flex;
    gap: 3rem;
    padding: 0 2rem;
    animation: scroll 40s linear infinite;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.crypto-ticker:hover {
    animation-play-state: paused;
}

.ticker-item {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 1rem 0;
    white-space: nowrap;
}

.ticker-symbol {
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.ticker-price {
    font-weight: 700;
    color: var(--text-secondary);
    font-size: 1rem;
}

.ticker-change {
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
}

.ticker-change.positive {
    color: #00FF88;
    background: rgba(0, 255, 136, 0.1);
}

.ticker-change.negative {
    color: #FF4444;
    background: rgba(255, 68, 68, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
    .crypto-ticker-banner {
        top: 70px;
    }

    .ticker-label {
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
    }

    .crypto-ticker {
        gap: 2rem;
        padding: 0 1rem;
    }

    .ticker-item {
        gap: 0.75rem;
        padding: 0.75rem 0;
    }

    .ticker-symbol {
        font-size: 0.875rem;
    }

    .ticker-price {
        font-size: 0.875rem;
    }
}