/* Animations CSS File */
    /* Note: @keyframes float, blink, fadeIn are defined in main.css */
    /* Neural network animation (Uses 'float' keyframe from main.css) */
    
    .neural-network {
        animation: float 6s ease-in-out infinite;
    }
    /* Pulse animation for buttons (Unique to this file) */
    
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(37, 99, 235, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
        }
    }
    /* Apply unique animations */
    /* Note: Hero content fadeIn animations are in main.css */
    /* Note: Timeline item visibility transitions are in main.css */
    /* Note: Skill card hover effects (transform, shadow, icon scale/color) are in main.css */
    /* Note: Project card hover effects (transform, shadow, image scale) are in main.css */
    
    .btn.primary:hover {
        animation: pulse 1.5s infinite;
        /* Apply pulse animation on hover */
    }
    /* Profile image animation / hover effect */
    
    .profile-container {
        position: relative;
        /* animation: float 6s ease-in-out infinite; */
    }
    
    .profile-decoration {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 15px;
        left: 15px;
        border: 3px solid var(--accent-color);
        border-radius: var(--border-radius);
        z-index: -1;
        transition: all 0.3s ease;
    }
    
    .profile-container:hover .profile-decoration {
        top: 10px;
        left: 10px;
    }
    /* Scroll-triggered animations */
    
    .fade-in-up {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    
    .fade-in-up.visible {
        opacity: 1;
        transform: translateY(0);
    }
    
    .fade-in-left {
        opacity: 0;
        transform: translateX(-30px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    
    .fade-in-left.visible {
        opacity: 1;
        transform: translateX(0);
    }
    
    .fade-in-right {
        opacity: 0;
        transform: translateX(30px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    
    .fade-in-right.visible {
        opacity: 1;
        transform: translateX(0);
    }
    
    .scale-in {
        opacity: 0;
        transform: scale(0.9);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    
    .scale-in.visible {
        opacity: 1;
        transform: scale(1);
    }
    
    .stagger-item {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.5s ease, transform 0.5s ease;
    }
    
    .stagger-item.visible {
        opacity: 1;
        transform: translateY(0);
    }