/* Hero Logo Fix - Restore proper size and blue color */

.hero-logo {
    font-size: 6.65rem !important;  /* 33% bigger than 5rem */
    color: #3b82f6 !important;   /* Blue color matching header */
    margin-bottom: 2rem;
    display: inline-block;
    animation: heroLogoFloat 6s ease-in-out infinite;
    text-shadow: 0 0 30px rgba(59, 130, 246, 0.5);
}

@keyframes heroLogoFloat {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}

/* Responsive sizing */
@media (max-width: 768px) {
    .hero-logo {
        font-size: 4.65rem !important;  /* 33% bigger than 3.5rem */
    }
}

/* Extra animation on hover */
.hero-logo:hover {
    animation-duration: 2s;
    text-shadow: 0 0 40px rgba(59, 130, 246, 0.7);
}

/* Pulse animation */
.hero-logo.pulse {
    animation: heroLogoFloat 6s ease-in-out infinite, pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
}