/* ===================================
   TEAM.HTML & CAREERS.HTML
   Stili specifici per le pagine team
   =================================== */

/* Glitch Text Effect */
.glitch-text:hover {
    animation: glitch 0.3s cubic-bezier(.25,.46,.45,.94) both infinite;
    color: #CCFF00;
}

@keyframes glitch {
    0% { transform: translate(0); }
    20% { transform: translate(-3px, 3px); }
    40% { transform: translate(-3px, -3px); }
    60% { transform: translate(3px, 3px); }
    80% { transform: translate(3px, -3px); }
    100% { transform: translate(0); }
}

/* Team Card Styles (team.html) */
.team-card {
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    filter: grayscale(1) contrast(1.1);
}

.team-card:hover {
    filter: grayscale(0) contrast(1);
    transform: translateY(-10px);
    border-color: #CCFF00;
}

.team-card img {
    transition: transform 0.7s ease;
}

.team-card:hover img {
    transform: scale(1.1);
}

/* Reveal Animation (team.html) */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Card Glitch Effect (careers.html) */
.card-glitch {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card-glitch:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: #CCFF00;
    box-shadow: 0 20px 40px rgba(204, 255, 0, 0.1);
}

/* Animate In (careers.html) */
.animate-in {
    animation: fadeInUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}