/* CC-02b Wave 1 - extracted from FRONTEND/02_profiles/profile-creation-confirmation.html */
.confirmation-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
            backdrop-filter: blur(0.625rem);
            border: 0.0625rem solid rgba(255, 255, 255, 0.1);
        }
        .celebration-animation {
            animation: celebration 2s ease-in-out infinite;
        }
        @keyframes celebration {
            0%, 100% { transform: scale(1) rotate(0deg); }
            25% { transform: scale(1.1) rotate(5deg); }
            75% { transform: scale(1.1) rotate(-5deg); }
        }
        .slide-up {
            animation: slideUp 1s ease-out;
        }
        .bounce-in {
            animation: bounceIn 1.2s ease-out;
        }
        @keyframes bounceIn {
            0% {
                opacity: 0;
                transform: scale(0.3);
            }
            50% {
                opacity: 1;
                transform: scale(1.05);
            }
            70% {
                transform: scale(0.9);
            }
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }
        .progress-ring-circle {
            stroke-dasharray: 377;
            stroke-dashoffset: 0;
            transition: stroke-dashoffset 1s ease-in-out;
        }
        .confetti {
            position: fixed;
            top: -0.625rem;
            left: 50%;
            width: 0.625rem;
            height: 0.625rem;
            background: linear-gradient(45deg, #FF6B9D, #D4AF37);
            animation: confetti-fall 3s linear infinite;
        }
        @keyframes confetti-fall {
            to {
                transform: translateY(100vh) rotate(360deg);
            }
        }
        .completion-check {
            animation: checkmark 0.6s ease-in-out;
        }
        @keyframes checkmark {
            0% {
                transform: scale(0);
                opacity: 0;
            }
            50% {
                transform: scale(1.2);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }