/* CC-02b Wave 1 - extracted from FRONTEND/02_profiles/profile-preview-public.html */
.preview-gradient {
            background: linear-gradient(135deg, #7C3AED 0%, #8B5CF6 50%, #A855F7 100%);
        }
        .public-gradient {
            background: linear-gradient(135deg, #059669 0%, #10B981 50%, #34D399 100%);
        }
        .profile-frame {
            max-width: 25rem;
            transform: perspective(62.5rem) rotateY(-5deg);
            transition: all 0.3s ease;
        }
        .profile-frame:hover {
            transform: perspective(62.5rem) rotateY(0deg);
        }
        .device-frame {
            border: 0.5rem solid #374151;
            border-radius: 2rem;
            background: #111827;
            padding: 1rem;
            box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.3);
        }
        .visitor-dot {
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 50%;
            animation: pulse 2s ease-in-out infinite;
        }
        .visitor-1 { background: #EF4444; animation-delay: 0s; }
        .visitor-2 { background: #F59E0B; animation-delay: 0.5s; }
        .visitor-3 { background: #10B981; animation-delay: 1s; }
        .visitor-4 { background: #3B82F6; animation-delay: 1.5s; }
        .privacy-indicator {
            position: absolute;
            top: 1rem;
            right: 1rem;
            z-index: 10;
        }