@keyframes floatGlow {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(120px, 30px, 0);
    }
}

.glow-1 {
    animation: floatGlow 18s ease-in-out infinite;
}

.glow-2 {
    animation: floatGlow 24s ease-in-out infinite reverse;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    .glow-1,
    .glow-2 {
        animation: none;
    }

    html {
        scroll-behavior: auto;
    }

    .timeline-item,
    .project,
    .experience-card {
        transition: none !important;
    }
}