<style>
    .qr-code-container {
        background-color: #f8f9fa;
        border-radius: 1rem;
    }
    
    .qr-code-container img {
        border-radius: 0.5rem;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    
    .featured-donation {
        border: 2px solid var(--primary-color, #0d6efd);
    }
    
    .opacity-50 {
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }
    
    .opacity-50:hover {
        opacity: 0.7;
    }
    
    .impact-number {
        font-weight: 700;
        color: var(--primary-color, #0d6efd);
    }
    
    .donation-icon {
        animation: heartBeat 2s infinite;
    }
    
    @keyframes heartBeat {
        0%, 100% { transform: scale(1); }
        25% { transform: scale(1.1); }
        40% { transform: scale(1); }
        60% { transform: scale(1.05); }
    }
    
    @media (max-width: 768px) {
        .qr-code-container img {
            max-width: 200px;
        }
    }
</style>