/* 3D Logo Animation */
.logo-3d img {
    animation: rotate3D 8s linear infinite;
    transform-style: preserve-3d;
    transform-origin: center;
    transition: transform 0.5s ease;
}

    .logo-3d img:hover {
        animation-play-state: paused;
        transform: scale(1.1) rotateY(10deg);
        filter: drop-shadow(0 0 8px rgba(0, 153, 255, 0.9));
    }

@keyframes rotate3D {
    0% {
        transform: rotateY(0deg);
    }

    100% {
        transform: rotateY(360deg);
    }
}

/* Navbar links styling */
.nav-link {
    font-weight: 500;
    color: #eaeaea !important;
    transition: color 0.2s ease-in-out;
}

    .nav-link:hover {
        color: #00b4d8 !important;
    }