@keyframes spin{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@keyframes floatY{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-20px);
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes scroll{
    from{
        transform: translateX(0);
    }
    to{
        transform: translateX(-50%);
    }
}
@keyframes scroll-reverse{
    from{
        transform: translateX(-50%);
    }
    to{
        transform: translateX(0);
    }
}
@keyframes rotateText{
    from{ 
        transform: rotate(0deg); 
    }
    to{ 
        transform: rotate(360deg); 
    }
}
@keyframes videoPulse{
    0%{
        box-shadow:
            0 0 0 0 rgba(197, 133, 58, 0.4),
            0 0 0 0 rgba(197, 133, 58, 0.35);
    }
    40%{
        box-shadow:
            0 0 0 22px rgba(197, 133, 58, 0),
            0 0 0 0 rgba(197, 133, 58, 0.3);
    }
    80%{
        box-shadow:
            0 0 0 22px rgba(197, 133, 58, 0),
            0 0 0 38px rgba(197, 133, 58, 0);
    }
    100%{
        box-shadow:
            0 0 0 0 rgba(197, 133, 58, 0),
            0 0 0 38px rgba(197, 133, 58, 0);
    }
}
@keyframes videoPulse2{
    0%{
        box-shadow:
            0 0 0 0 rgba(255, 255, 255, 1),
            0 0 0 0 rgba(255, 255, 255, 0.8);
    }
    40%{
        box-shadow:
            0 0 0 10px rgba(255, 255, 255, 0),
            0 0 0 0 rgba(255, 255, 255, 0.6);
    }
    80%{
        box-shadow:
            0 0 0 10px rgba(255, 255, 255, 0),
            0 0 0 18px rgba(255, 255, 255, 0);
    }
    100%{
        box-shadow:
            0 0 0 0 rgba(255, 255, 255, 0),
            0 0 0 18px rgba(255, 255, 255, 0);
    }
}
@keyframes slowRotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@keyframes lightSweepFast{
    from{
        transform: translateX(-120%) rotate(15deg);
    }
    to{
        transform: translateX(120%) rotate(15deg);
    }
}
@keyframes hrMove{
    from{
        left: 0;
    }
    to{
        left: calc(100% - 80px);
    }
}
@keyframes phonePulse{
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.25);
    }
}
@keyframes ContactUpDown{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-30px);
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes heroGradientMove{
    0%{ 
        background-position: 0% 50%; 
    }
    50%{ 
        background-position: 100% 50%; 
    }
    100%{ 
        background-position: 0% 50%; 
    }
}