.logo-container {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
}
.logo-icon {
    color: #ffffff;
    font-size: 40px !important;
    filter: drop-shadow(0 0 8px #0ea5e9aa);
    transition: transform 0.4s cubic-bezier(.4,2,.6,1), filter 0.3s, color 0.3s;
    animation: rocketFloat 3s ease-in-out infinite;
    display: inline-block;
}
.logo-icon:hover {
    color: #97f9c1;
    transform: scale(1.25) rotate(-8deg);
    filter: drop-shadow(0 0 18px #6366f1cc) brightness(1.2);
}
.logo-text {
    font-size: 2rem;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Chakra Petch', sans-serif;
    letter-spacing: 5px;
    display: inline-block;
    margin-top: 0;
}
@keyframes rocketFloat {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-5px) rotate(-2deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(-5px) rotate(2deg);
    }
    100% {
        transform: translateY(0) rotate(0deg);
    }
}