/* CC-02b Wave 2 - extracted from FRONTEND/01_auth/cross-device-sync.html */
.gradient-bg {
            background: linear-gradient(135deg, #ff6b9d, #8b5cf6, #3b82f6);
        }
        .device-card {
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
            backdrop-filter: blur(0.5rem);
            border: 0.0625rem solid rgba(255, 255, 255, 0.1);
        }
        .sync-connection {
            background: linear-gradient(90deg, transparent, #ff6b9d, transparent);
            height: 0.125rem;
            animation: dataFlow 3s ease-in-out infinite;
        }
        .cloud-sync {
            background: linear-gradient(135deg, #10b981, #059669);
            border-radius: 50%;
            animation: syncPulse 2s ease-in-out infinite;
        }
        .device-screen {
            background: linear-gradient(135deg, #1f2937, #374151);
            border: 0.125rem solid #4b5563;
            border-radius: 0.75rem;
        }
        .notification-dot {
            width: 0.5rem;
            height: 0.5rem;
            background: #ef4444;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }
        .sync-status {
            background: linear-gradient(135deg, #8b5cf6, #7c3aed);
        }
        .security-badge {
            background: linear-gradient(135deg, #10b981, #059669);
            border: 0.125rem solid rgba(255, 255, 255, 0.2);
        }
        .feature-grid {
            background: linear-gradient(135deg, rgba(255, 107, 157, 0.05), rgba(139, 92, 246, 0.05));
            border: 0.0625rem solid rgba(255, 107, 157, 0.1);
        }
        .sync-animation {
            position: relative;
            overflow: hidden;
        }
        .sync-animation::before {
            content: '';
            position: absolute;
            top: 50%;
            left: -100%;
            width: 100%;
            height: 0.125rem;
            background: linear-gradient(90deg, transparent, #ff6b9d, transparent);
            animation: dataFlow 3s ease-in-out infinite;
        }