/*
 * Custom Styles for Hopper Axis Website
 */

/* --- Base Styles --- */
body {
    font-family: 'Roboto Mono', monospace;
}

/* --- Utility Classes --- */
.gradient-text {
    background: linear-gradient(90deg, #0057FF, #C724B1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* --- Animation Keyframes --- */

/* Blinking cursor animation */
.blinking-cursor {
    font-weight: bold;
    animation: blink 1s step-end infinite;
}

@keyframes blink {
    from, to {
        color: inherit;
    }
    50% {
        color: transparent;
    }
}

/* --- Component Styles --- */

/* Client logo hover effect */
.client-logo-container {
    position: relative;
}

.client-logo-container .client-name {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.client-logo-container:hover .client-name {
    opacity: 1;
}

.client-logo-container img {
    transition: transform 0.3s ease-in-out;
}

.client-logo-container:hover img {
    transform: scale(1.1);
}