/* progress.css */
.progress-container {
    width: 100%;
    background: var(--bg-primary);
    border-radius: var(--radius-full);
    margin: var(--space-lg) 0;
    height: 24px;
    overflow: hidden;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent-yellow));
    background-size: 200% 100%;
    border-radius: var(--radius-full);
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    animation: shimmer 2s linear infinite;
    position: relative;
}