/* CC-02b Wave 1 - extracted from FRONTEND/02_profiles/profile-completion-celebration.html */
.celebration-gradient {
            background: linear-gradient(135deg, #F59E0B 0%, #D97706 50%, #FBBF24 100%);
        }
        .success-gradient {
            background: linear-gradient(135deg, #10B981 0%, #059669 50%, #34D399 100%);
        }
        .confetti {
            position: fixed;
            width: 0.625rem;
            height: 0.625rem;
            pointer-events: none;
            z-index: 100;
        }
        .confetti:nth-child(1) { left: 10%; animation-delay: 0s; background: #F59E0B; }
        .confetti:nth-child(2) { left: 20%; animation-delay: 0.2s; background: #10B981; }
        .confetti:nth-child(3) { left: 30%; animation-delay: 0.4s; background: #EF4444; }
        .confetti:nth-child(4) { left: 40%; animation-delay: 0.6s; background: #8B5CF6; }
        .confetti:nth-child(5) { left: 50%; animation-delay: 0.8s; background: #EC4899; }
        .confetti:nth-child(6) { left: 60%; animation-delay: 1s; background: #3B82F6; }
        .confetti:nth-child(7) { left: 70%; animation-delay: 1.2s; background: #F59E0B; }
        .confetti:nth-child(8) { left: 80%; animation-delay: 1.4s; background: #10B981; }
        .confetti:nth-child(9) { left: 90%; animation-delay: 1.6s; background: #EF4444; }
        .achievement-card {
            transition: all 0.3s ease;
        }
        .achievement-card:hover {
            transform: translateY(-0.25rem);
            box-shadow: 0 1.25rem 2.5rem rgba(245, 158, 11, 0.15);
        }
        .next-step-card {
            transition: all 0.3s ease;
            border: 0.0625rem solid rgba(245, 158, 11, 0.2);
        }
        .next-step-card:hover {
            border-color: rgba(245, 158, 11, 0.4);
            transform: translateY(-0.125rem);
            box-shadow: 0 0.5rem 1rem rgba(245, 158, 11, 0.1);
        }