.mobile-menu {
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.mobile-menu.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.reveal-animation {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-out;
}

.reveal-animation.visible {
    opacity: 1;
    transform: translateY(0);
}

.social-icon {
    transition: all 0.3s ease;
    color: rgb(var(--primary-rgb));
}

.social-icon:hover {
    color: rgb(var(--secondary-rgb));
    transform: translateY(-2px);
}

.card-hover {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}