.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.card-modern {
    @apply shadow-lg hover:shadow-xl transition-all duration-300 border border-color-four bg-color-five;
}

@keyframes float {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(1deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

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

#mobile-menu-overlay {
    clip-path: circle(0% at 100% 0%);
    transition: clip-path 0.6s ease-in-out;
}

#mobile-menu-overlay.active {
    clip-path: circle(150% at 100% 0%);
}

.mobile-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.mobile-submenu.active {
    max-height: 500px;
}