/* Add these new animations */
@keyframes rocket-launch {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    20% {
        transform: translateY(-10px) rotate(-5deg);
    }
    40% {
        transform: translateY(-30px) rotate(5deg);
    }
    60% {
        transform: translateY(-60px) rotate(-3deg);
    }
    80% {
        transform: translateY(-30px) rotate(2deg);
    }
}

@keyframes rocket-fire {
    0%, 100% {
        opacity: 0.8;
        transform: scaleY(1);
    }
    50% {
        opacity: 1;
        transform: scaleY(1.2);
    }
}

.rocket-container {
    position: relative;
    display: inline-block;
}

.rocket-emoji {
    font-size: 4rem;
    display: inline-block;
    animation: rocket-launch 4s ease-in-out infinite;
    transform-origin: center bottom;
}

.rocket-fire {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.5rem;
    color: #ff7e33;
    animation: rocket-fire 0.5s ease-in-out infinite alternate;
}
/* Add to your existing animations */
@keyframes float-slow {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-3px) rotate(2deg); }
}

.animate-float-slow {
    animation: float-slow 6s ease-in-out infinite;
}

.animation-delay-100 {
    animation-delay: 0.1s;
}

.animation-delay-200 {
    animation-delay: 0.2s;
}

/* Language Selector */
#language-selector:hover #language-dropdown,
#language-dropdown.show {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

/* Keep dropdown open when mouse is over it */
#language-selector:hover #language-dropdown,
#language-dropdown.show,
#language-dropdown:hover {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.flag-icon {
    display: inline-block;
    transition: all 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.language-option:hover .flag-icon {
    transform: scale(1.1) rotate(5deg);
}

#language-chevron.rotate {
    transform: rotate(180deg);
}
/* Cookie Consent Banner */
#cookie-consent {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

#cookie-consent.hidden {
    transform: translateY(100%);
    opacity: 0;
}

.prose-invert a {
    color: #6366f1;
    text-decoration: none;
}

.prose-invert a:hover {
    text-decoration: underline;
}

/* Cookie Banner */
#cookie-consent {
    transition: transform 0.3s ease;
  }
  
  #cookie-modal {
    transition: opacity 0.3s ease;
  }
  
  #cookie-modal:not(.hidden) {
    display: flex;
    opacity: 1;
  }
  
  /* Accessibility focus styles */
  #cookie-consent button:focus,
  #cookie-modal button:focus {
    outline: 2px solid #6366f1;
    outline-offset: 2px;
  }