       .progress-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--border-color);
            transition: all 0.3s ease;
        }
        
        .progress-dot.active {
            width: 24px;
            border-radius: 5px;
            background: var(--accent-color);
        }
        
        @media (max-width: 600px) {
            .onboarding-title {
                font-size: 2em;
            }
            
            .navigation-