/* 
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(100px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-100px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(100px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes zoomIn {
            from {
                opacity: 0;
                transform: scale(0.5);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0);
            }
            40% {
                transform: translateY(-20px);
            }
            60% {
                transform: translateY(-10px);
            }
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
            100% {
                transform: scale(1);
            }
        }

        @keyframes glow {
            0%, 100% {
                box-shadow: 0 0 5px var(--accent-glow), 0 0 10px var(--accent-glow);
            }
            50% {
                box-shadow: 0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow);
            }
        }

        @keyframes shimmer {
            0% {
                background-position: -1000px 0;
            }
            100% {
                background-position: 1000px 0;
            }
        }


        .animate-on-scroll {
            opacity: 0;
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .animate-on-scroll.animated {
            opacity: 1;
        }

        .slide-up {
            transform: translateY(60px);
        }

        .slide-up.animated {
            transform: translateY(0);
        }

        .slide-left {
            transform: translateX(-60px);
        }

        .slide-left.animated {
            transform: translateX(0);
        }

        .slide-right {
            transform: translateX(60px);
        }

        .slide-right.animated {
            transform: translateX(0);
        }

        .zoom-in {
            transform: scale(0.8);
        }

        .zoom-in.animated {
            transform: scale(1);
        }

        .fade-in {
            opacity: 0;
        }

        .fade-in.animated {
            opacity: 1;
         */

         @keyframes float {
            0%, 100% {
                transform: translateY(100vh) scale(0);
                opacity: 0;
            }
            50% {
                opacity: 0.15;
            }
            100% {
                transform: translateY(-100vh) scale(1.5);
            }
        }
 @keyframes pulse-theme {
            0%, 100% { box-shadow: -5px 0 20px var(--accent-glow); }
            50% { box-shadow: -5px 0 30px var(--accent-glow), -5px 0 40px var(--accent-glow); }
        }
    /* -------------- */
      

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-100px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

     

        @keyframes blink {
            0%, 50% { opacity: 1; }
            51%, 100% { opacity: 0; }
        }

         @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(100px) scale(0.9);
            }
            to {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }
           @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        @keyframes pulse {
            0%, 100% { 
                transform: rotate(0deg) scale(1); 
                opacity: 0.3;
            }
            50% { 
                transform: rotate(180deg) scale(1.1); 
                opacity: 0.5;
            }
        }
        @keyframes float-image {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }
        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
         @keyframes slideSkill {
            from { width: 0 !important; }
        }
         @keyframes glow {
            0%, 100% { opacity: 0.5; }
            50% { opacity: 1; }
        }

        @keyframes shimmer {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
 @keyframes rotate-gradient {
            to { transform: rotate(360deg); }
        }
         @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
          /* Scroll Animations */
        .scroll-reveal {
            opacity: 0;
            transform: translateY(80px);
            transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

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

        .scroll-reveal-left {
            opacity: 0;
            transform: translateX(-100px);
            transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .scroll-reveal-left.active {
            opacity: 1;
            transform: translateX(0);
        }

        .scroll-reveal-right {
            opacity: 0;
            transform: translateX(100px);
            transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .scroll-reveal-right.active {
            opacity: 1;
            transform: translateX(0);
        }

        .scroll-reveal-scale {
            opacity: 0;
            transform: scale(0.8);
            transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .scroll-reveal-scale.active {
            opacity: 1;
            transform: scale(1);
        }

        .scroll-reveal-rotate {
            opacity: 0;
            transform: rotate(-10deg) scale(0.9);
            transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .scroll-reveal-rotate.active {
            opacity: 1;
            transform: rotate(0) scale(1);
        }

        /* Stagger animation delays */
        .scroll-reveal:nth-child(1) { transition-delay: 0.1s; }
        .scroll-reveal:nth-child(2) { transition-delay: 0.2s; }
        .scroll-reveal:nth-child(3) { transition-delay: 0.3s; }
        .scroll-reveal:nth-child(4) { transition-delay: 0.4s; }
        .scroll-reveal:nth-child(5) { transition-delay: 0.5s; }
        .scroll-reveal:nth-child(6) { transition-delay: 0.6s; }
        .scroll-reveal:nth-child(7) { transition-delay: 0.7s; }
        .scroll-reveal:nth-child(8) { transition-delay: 0.8s; }
        .scroll-reveal:nth-child(9) { transition-delay: 0.9s; }

        /* Improved Animations */
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(100px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes zoomIn {
            from {
                opacity: 0;
                transform: scale(0.5);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }