body {
    font-family: 'Inter', sans-serif;
}

.logo-anim {
    animation: logoEnter 0.8s ease-out forwards;
}

@keyframes logoEnter {
    from {
        opacity: 0;
        transform: scale(0.92);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.logo-loader {
    animation: loaderPulse 1.6s ease-in-out infinite;
}

@keyframes loaderPulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.85;
    }
    50% {
        transform: scale(1.06);
        opacity: 1;
    }
}

#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
#mobile-menu.open {
    max-height: 400px;
    opacity: 1;
}