/* Enhanced animations and effects */

/* Floating particles animation */
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    25% { transform: translateY(-10px) rotate(90deg); }
    50% { transform: translateY(0px) rotate(180deg); }
    75% { transform: translateY(-5px) rotate(270deg); }
}

/* Enhanced hover effects for all cards */
.skill-card, .reason-card, .timeline-content {
    position: relative;
    overflow: hidden;
}

/* Shimmer effect */
.skill-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s ease;
    z-index: 2;
}

.skill-card:hover::after {
    left: 100%;
}

/* Spinning background for TCU cards */
.reason-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 0deg, transparent 0deg, rgba(77, 25, 121, 0.1) 90deg, transparent 180deg);
    animation: spin 8s linear infinite;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.reason-card:hover::after {
    opacity: 1;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Enhanced text glow effects */
.hero-title .title-name {
    animation: pulse-glow 2s ease-in-out infinite alternate;
}

@keyframes pulse-glow {
    from {
        text-shadow: 0 0 5px rgba(77, 25, 121, 0.5),
                     0 0 10px rgba(107, 44, 158, 0.3),
                     0 0 15px rgba(139, 90, 153, 0.2);
    }
    to {
        text-shadow: 0 0 10px rgba(77, 25, 121, 0.8),
                     0 0 20px rgba(107, 44, 158, 0.6),
                     0 0 30px rgba(139, 90, 153, 0.4);
    }
}

/* Floating elements */
.floating-element {
    position: absolute;
    pointer-events: none;
    opacity: 0.1;
    animation: float 6s ease-in-out infinite;
}

/* Parallax scroll effect */
.section {
    transform: translateZ(0);
    transition: transform 0.1s ease-out;
}